npm - @fundamental-ngx/core - Versions diffs - 0.37.1 → 0.37.2-rc.0 - Mend

@fundamental-ngx/core 0.37.1 → 0.37.2-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1412) hide show

package/fesm2015/fundamental-ngx-core-grid-list.mjs CHANGED Viewed

@@ -72,9 +72,9 @@ class GridListItemBodyDirective {
         this.templateRef = templateRef;
     }
 }
-GridListItemBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemBodyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-GridListItemBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: GridListItemBodyDirective, selector: "[fd-grid-list-item-body]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemBodyDirective, decorators: [{
+GridListItemBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemBodyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GridListItemBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: GridListItemBodyDirective, selector: "[fd-grid-list-item-body]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -84,9 +84,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListItemToolbarComponent {
 }
-GridListItemToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListItemToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListItemToolbarComponent, selector: "fd-grid-list-item-toolbar", viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemToolbarComponent, decorators: [{
+GridListItemToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListItemToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListItemToolbarComponent, selector: "fd-grid-list-item-toolbar", viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-item-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { contentTemplateRef: [{
@@ -102,9 +102,9 @@ var GridListSelectionActions;
 class GridListItemFooterBarComponent {
 }
-GridListItemFooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListItemFooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListItemFooterBarComponent, selector: "fd-grid-list-item-footer-bar", viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemFooterBarComponent, decorators: [{
+GridListItemFooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListItemFooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListItemFooterBarComponent, selector: "fd-grid-list-item-footer-bar", viewQueries: [{ propertyName: "contentTemplateRef", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemFooterBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-item-footer-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\n    <ng-content></ng-content>\n</ng-template>\n" }]
         }], propDecorators: { contentTemplateRef: [{
@@ -114,17 +114,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridList {
 }
-GridList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-GridList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: GridList, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridList, decorators: [{
+GridList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+GridList.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: GridList, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridList, decorators: [{
             type: Directive
         }] });
 class GridListTitleBarSpacerComponent extends ToolbarSpacerComponent {
 }
-GridListTitleBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarSpacerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GridListTitleBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarSpacerComponent, decorators: [{
+GridListTitleBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarSpacerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GridListTitleBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarSpacerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-grid-list-title-bar-spacer',
@@ -410,9 +410,9 @@ class GridListItemComponent {
         }
     }
 }
-GridListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: GridList }], target: i0.ɵɵFactoryTarget.Component });
-GridListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListItemComponent, selector: "fd-grid-list-item", inputs: { id: "id", width: "width", layoutItemPattern: "layoutItemPattern", status: "status", counter: "counter", value: "value", disableToolbarClick: "disableToolbarClick", selected: "selected", noPadding: "noPadding", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", type: "type", state: "state", isNavigated: "isNavigated", title: "title", description: "description" }, outputs: { press: "press", detail: "detail", delete: "delete", navigate: "navigate", draft: "draft", locked: "locked" }, host: { properties: { "style.max-width": "this.width", "style.min-width": "this.width" } }, queries: [{ propertyName: "footerBarComponent", first: true, predicate: GridListItemFooterBarComponent, descendants: true }, { propertyName: "itemToolbarComponent", first: true, predicate: GridListItemToolbarComponent, descendants: true }, { propertyName: "body", first: true, predicate: GridListItemBodyDirective, descendants: true }], viewQueries: [{ propertyName: "_gridListItem", first: true, predicate: ["gridListItem"], descendants: true }], ngImport: i0, template: "<div\n    #gridListItem\n    [id]=\"id\"\n    tabindex=\"0\"\n    class=\"fd-grid-list__item\"\n    role=\"option\"\n    [class.is-navigated]=\"isNavigated\"\n    [class.is-selected]=\"!!_selectedItem\"\n    [class.fd-grid-list__item--link]=\"\n        _isActive && (type === 'active' || type === 'detailsAndActive' || type === 'navigation')\n    \"\n    [class.fd-grid-list__item--unread]=\"state === 'unread'\"\n    [class.fd-grid-list__item--locked]=\"state === 'locked'\"\n    [class.fd-grid-list__item--draft]=\"state === 'draft'\"\n    [class.fd-grid-list__item--error]=\"state === 'error'\"\n    (keydown)=\"_onKeyDown($event)\"\n    (click)=\"selectionMode === 'singleSelect' && _singleSelect($event); _onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    (mouseover)=\"_setActive($event, false)\"\n    (mouseout)=\"_setActive($event, true)\"\n    [attr.aria-selected]=\"selectionMode === 'none' ? null : !!_selectedItem\"\n>\n    <span\n        *ngIf=\"status\"\n        class=\"fd-grid-list__highlight\"\n        [class.fd-grid-list__highlight--positive]=\"status === 'success'\"\n        [class.fd-grid-list__highlight--negative]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--critical]=\"status === 'error'\"\n        [class.fd-grid-list__highlight--neutral]=\"status === 'neutral'\"\n        [attr.aria-label]=\"'coreGridList.listItemStatusAriaLabel' | fdTranslate: { status: status }\"\n    ></span>\n\n    <ng-container *ngIf=\"selectionMode === 'singleSelect'\">\n        <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-toolbar fd-grid-list__item-toolbar\"\n        *ngIf=\"\n            counter ||\n            itemToolbarComponent?.contentTemplateRef ||\n            (type && type !== 'inactive' && type !== 'active') ||\n            (selectionMode !== 'none' && selectionMode !== 'singleSelect')\n        \"\n    >\n        <ng-container *ngIf=\"selectionMode === 'singleSelectLeft'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"selectionMode === 'multiSelect'\">\n            <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"itemToolbarComponent?.contentTemplateRef\">\n            <div class=\"fd-toolbar--extra-content\">\n                <ng-container *ngTemplateOutlet=\"itemToolbarComponent.contentTemplateRef\"></ng-container>\n            </div>\n        </ng-container>\n\n        <fd-grid-list-title-bar-spacer></fd-grid-list-title-bar-spacer>\n\n        <span\n            *ngIf=\"counter\"\n            class=\"fd-grid-list__item-counter\"\n            [attr.aria-label]=\"'coreGridList.listItemCounterAriaLabel' | fdTranslate: { count: counter }\"\n            [innerText]=\"counter\"\n        ></span>\n\n        <button\n            *ngIf=\"type === 'detail' || type === 'detailsAndActive'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"edit\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            fdCompact\n            (click)=\"_onDetail($event)\"\n        ></button>\n\n        <button\n            *ngIf=\"selectionMode === 'delete'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"decline\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            title=\"Delete\"\n            fdCompact\n            (click)=\"_onDelete($event)\"\n        ></button>\n\n        <span *ngIf=\"type === 'navigation'\" class=\"fd-grid-list__item-navigation-indicator\">\n            <fd-icon glyph=\"navigation-right-arrow\"></fd-icon>\n        </span>\n\n        <ng-container *ngIf=\"selectionMode === 'singleSelectRight'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div class=\"fd-grid-list__item-body\" [class.fd-grid-list__item-body--no-padding]=\"noPadding\">\n        <ng-content select=\"[fd-grid-list-item-image]\"></ng-content>\n\n        <div *ngIf=\"title || description\" class=\"fd-grid-list__item-header\">\n            <h4 *ngIf=\"title\" fd-title>{{ title }}</h4>\n            <span *ngIf=\"description\" class=\"fd-grid-list__item-subtitle\">{{ description }}</span>\n        </div>\n\n        <div *ngIf=\"body?.templateRef\" class=\"fd-grid-list__item-content\">\n            <ng-container [ngTemplateOutlet]=\"body.templateRef\"></ng-container>\n        </div>\n\n        <ng-container *ngIf=\"state || footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"itemFooter\"></ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #radio>\n    <input\n        [attr.tabindex]=\"selectionMode === 'singleSelect' ? -1 : 0\"\n        type=\"radio\"\n        class=\"fd-radio fd-radio--compact fd-grid-list__radio-input\"\n        [style.display]=\"selectionMode === 'singleSelect' ? 'none' : ''\"\n        [id]=\"id + '-radio'\"\n        [name]=\"'fd-grid-list-item-toolbar-' + selectionMode\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [value]=\"value\"\n        [ngModel]=\"_selectedItem\"\n        (ngModelChange)=\"$event && _selectionItem($event)\"\n    />\n    <label\n        class=\"fd-radio__label fd-grid-list__radio-label\"\n        [for]=\"id + '-radio'\"\n        tabindex=\"-1\"\n        (mouseover)=\"_setActive($event, false)\"\n        (mouseout)=\"_setActive($event, true)\"\n    ></label>\n</ng-template>\n\n<ng-template #checkbox>\n    <input\n        type=\"checkbox\"\n        class=\"fd-checkbox fd-checkbox--compact fd-grid-list__checkbox-input\"\n        [id]=\"id + '-checkbox'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [ngModel]=\"_selectedItem\"\n        (click)=\"_checkboxClick($event)\"\n    />\n    <label\n        class=\"fd-checkbox__label fd-checkbox__label--compact fd-grid-list__checkbox-label\"\n        [for]=\"id + '-checkbox'\"\n        tabindex=\"-1\"\n    ></label>\n</ng-template>\n\n<ng-template #itemFooter>\n    <div class=\"fd-grid-list__item-body-actions\" *ngIf=\"footerBarComponent || state\">\n        <ng-container *ngIf=\"footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"footerBarComponent.contentTemplateRef\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"!footerBarComponent?.contentTemplateRef && state\">\n            <span\n                *ngIf=\"state === 'error'\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n            ></span>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'locked'\"\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"private\"\n                [label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnLocked($event)\"\n            ></button>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'draft'\"\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                [label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnDraft($event)\"\n            ></button>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-grid-list .fd-dnd-item.fd-dnd-on-drag{cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;background-color:transparent}.fd-grid-list .fd-dnd-item .fd-grid-list__item{overflow:visible}.fd-grid-list__item .drop-area__line--vertical{height:100%}.fd-grid-list__item .drop-area__line--vertical.before{left:-.55rem}.fd-grid-list__item .drop-area__line--vertical.after{right:-.55rem}.fd-grid-list__item .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer" }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemComponent, decorators: [{
+GridListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: GridList }], target: i0.ɵɵFactoryTarget.Component });
+GridListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListItemComponent, selector: "fd-grid-list-item", inputs: { id: "id", width: "width", layoutItemPattern: "layoutItemPattern", status: "status", counter: "counter", value: "value", disableToolbarClick: "disableToolbarClick", selected: "selected", noPadding: "noPadding", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", type: "type", state: "state", isNavigated: "isNavigated", title: "title", description: "description" }, outputs: { press: "press", detail: "detail", delete: "delete", navigate: "navigate", draft: "draft", locked: "locked" }, host: { properties: { "style.max-width": "this.width", "style.min-width": "this.width" } }, queries: [{ propertyName: "footerBarComponent", first: true, predicate: GridListItemFooterBarComponent, descendants: true }, { propertyName: "itemToolbarComponent", first: true, predicate: GridListItemToolbarComponent, descendants: true }, { propertyName: "body", first: true, predicate: GridListItemBodyDirective, descendants: true }], viewQueries: [{ propertyName: "_gridListItem", first: true, predicate: ["gridListItem"], descendants: true }], ngImport: i0, template: "<div\n    #gridListItem\n    [id]=\"id\"\n    tabindex=\"0\"\n    class=\"fd-grid-list__item\"\n    role=\"option\"\n    [class.is-navigated]=\"isNavigated\"\n    [class.is-selected]=\"!!_selectedItem\"\n    [class.fd-grid-list__item--link]=\"\n        _isActive && (type === 'active' || type === 'detailsAndActive' || type === 'navigation')\n    \"\n    [class.fd-grid-list__item--unread]=\"state === 'unread'\"\n    [class.fd-grid-list__item--locked]=\"state === 'locked'\"\n    [class.fd-grid-list__item--draft]=\"state === 'draft'\"\n    [class.fd-grid-list__item--error]=\"state === 'error'\"\n    (keydown)=\"_onKeyDown($event)\"\n    (click)=\"selectionMode === 'singleSelect' && _singleSelect($event); _onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    (mouseover)=\"_setActive($event, false)\"\n    (mouseout)=\"_setActive($event, true)\"\n    [attr.aria-selected]=\"selectionMode === 'none' ? null : !!_selectedItem\"\n>\n    <span\n        *ngIf=\"status\"\n        class=\"fd-grid-list__highlight\"\n        [class.fd-grid-list__highlight--positive]=\"status === 'success'\"\n        [class.fd-grid-list__highlight--negative]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--critical]=\"status === 'error'\"\n        [class.fd-grid-list__highlight--neutral]=\"status === 'neutral'\"\n        [attr.aria-label]=\"'coreGridList.listItemStatusAriaLabel' | fdTranslate: { status: status }\"\n    ></span>\n\n    <ng-container *ngIf=\"selectionMode === 'singleSelect'\">\n        <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-toolbar fd-grid-list__item-toolbar\"\n        *ngIf=\"\n            counter ||\n            itemToolbarComponent?.contentTemplateRef ||\n            (type && type !== 'inactive' && type !== 'active') ||\n            (selectionMode !== 'none' && selectionMode !== 'singleSelect')\n        \"\n    >\n        <ng-container *ngIf=\"selectionMode === 'singleSelectLeft'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"selectionMode === 'multiSelect'\">\n            <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"itemToolbarComponent?.contentTemplateRef\">\n            <div class=\"fd-toolbar--extra-content\">\n                <ng-container *ngTemplateOutlet=\"itemToolbarComponent.contentTemplateRef\"></ng-container>\n            </div>\n        </ng-container>\n\n        <fd-grid-list-title-bar-spacer></fd-grid-list-title-bar-spacer>\n\n        <span\n            *ngIf=\"counter\"\n            class=\"fd-grid-list__item-counter\"\n            [attr.aria-label]=\"'coreGridList.listItemCounterAriaLabel' | fdTranslate: { count: counter }\"\n            [innerText]=\"counter\"\n        ></span>\n\n        <button\n            *ngIf=\"type === 'detail' || type === 'detailsAndActive'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"edit\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            fdCompact\n            (click)=\"_onDetail($event)\"\n        ></button>\n\n        <button\n            *ngIf=\"selectionMode === 'delete'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"decline\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            title=\"Delete\"\n            fdCompact\n            (click)=\"_onDelete($event)\"\n        ></button>\n\n        <span *ngIf=\"type === 'navigation'\" class=\"fd-grid-list__item-navigation-indicator\">\n            <fd-icon glyph=\"navigation-right-arrow\"></fd-icon>\n        </span>\n\n        <ng-container *ngIf=\"selectionMode === 'singleSelectRight'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div class=\"fd-grid-list__item-body\" [class.fd-grid-list__item-body--no-padding]=\"noPadding\">\n        <ng-content select=\"[fd-grid-list-item-image]\"></ng-content>\n\n        <div *ngIf=\"title || description\" class=\"fd-grid-list__item-header\">\n            <h4 *ngIf=\"title\" fd-title>{{ title }}</h4>\n            <span *ngIf=\"description\" class=\"fd-grid-list__item-subtitle\">{{ description }}</span>\n        </div>\n\n        <div *ngIf=\"body?.templateRef\" class=\"fd-grid-list__item-content\">\n            <ng-container [ngTemplateOutlet]=\"body.templateRef\"></ng-container>\n        </div>\n\n        <ng-container *ngIf=\"state || footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"itemFooter\"></ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #radio>\n    <input\n        [attr.tabindex]=\"selectionMode === 'singleSelect' ? -1 : 0\"\n        type=\"radio\"\n        class=\"fd-radio fd-radio--compact fd-grid-list__radio-input\"\n        [style.display]=\"selectionMode === 'singleSelect' ? 'none' : ''\"\n        [id]=\"id + '-radio'\"\n        [name]=\"'fd-grid-list-item-toolbar-' + selectionMode\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [value]=\"value\"\n        [ngModel]=\"_selectedItem\"\n        (ngModelChange)=\"$event && _selectionItem($event)\"\n    />\n    <label\n        class=\"fd-radio__label fd-grid-list__radio-label\"\n        [for]=\"id + '-radio'\"\n        tabindex=\"-1\"\n        (mouseover)=\"_setActive($event, false)\"\n        (mouseout)=\"_setActive($event, true)\"\n    ></label>\n</ng-template>\n\n<ng-template #checkbox>\n    <input\n        type=\"checkbox\"\n        class=\"fd-checkbox fd-checkbox--compact fd-grid-list__checkbox-input\"\n        [id]=\"id + '-checkbox'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [ngModel]=\"_selectedItem\"\n        (click)=\"_checkboxClick($event)\"\n    />\n    <label\n        class=\"fd-checkbox__label fd-checkbox__label--compact fd-grid-list__checkbox-label\"\n        [for]=\"id + '-checkbox'\"\n        tabindex=\"-1\"\n    ></label>\n</ng-template>\n\n<ng-template #itemFooter>\n    <div class=\"fd-grid-list__item-body-actions\" *ngIf=\"footerBarComponent || state\">\n        <ng-container *ngIf=\"footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"footerBarComponent.contentTemplateRef\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"!footerBarComponent?.contentTemplateRef && state\">\n            <span\n                *ngIf=\"state === 'error'\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n            ></span>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'locked'\"\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"private\"\n                [label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnLocked($event)\"\n            ></button>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'draft'\"\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                [label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnDraft($event)\"\n            ></button>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-grid-list .fd-dnd-item.fd-dnd-on-drag{cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;background-color:transparent}.fd-grid-list .fd-dnd-item .fd-grid-list__item{overflow:visible}.fd-grid-list__item .drop-area__line--vertical{height:100%}.fd-grid-list__item .drop-area__line--vertical.before{left:-.55rem}.fd-grid-list__item .drop-area__line--vertical.after{right:-.55rem}.fd-grid-list__item .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i5.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i7.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i8.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large"] }, { kind: "component", type: GridListTitleBarSpacerComponent, selector: "fd-grid-list-title-bar-spacer" }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    #gridListItem\n    [id]=\"id\"\n    tabindex=\"0\"\n    class=\"fd-grid-list__item\"\n    role=\"option\"\n    [class.is-navigated]=\"isNavigated\"\n    [class.is-selected]=\"!!_selectedItem\"\n    [class.fd-grid-list__item--link]=\"\n        _isActive && (type === 'active' || type === 'detailsAndActive' || type === 'navigation')\n    \"\n    [class.fd-grid-list__item--unread]=\"state === 'unread'\"\n    [class.fd-grid-list__item--locked]=\"state === 'locked'\"\n    [class.fd-grid-list__item--draft]=\"state === 'draft'\"\n    [class.fd-grid-list__item--error]=\"state === 'error'\"\n    (keydown)=\"_onKeyDown($event)\"\n    (click)=\"selectionMode === 'singleSelect' && _singleSelect($event); _onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    (mouseover)=\"_setActive($event, false)\"\n    (mouseout)=\"_setActive($event, true)\"\n    [attr.aria-selected]=\"selectionMode === 'none' ? null : !!_selectedItem\"\n>\n    <span\n        *ngIf=\"status\"\n        class=\"fd-grid-list__highlight\"\n        [class.fd-grid-list__highlight--positive]=\"status === 'success'\"\n        [class.fd-grid-list__highlight--negative]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--critical]=\"status === 'error'\"\n        [class.fd-grid-list__highlight--neutral]=\"status === 'neutral'\"\n        [attr.aria-label]=\"'coreGridList.listItemStatusAriaLabel' | fdTranslate: { status: status }\"\n    ></span>\n\n    <ng-container *ngIf=\"selectionMode === 'singleSelect'\">\n        <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n    </ng-container>\n\n    <div\n        class=\"fd-toolbar fd-grid-list__item-toolbar\"\n        *ngIf=\"\n            counter ||\n            itemToolbarComponent?.contentTemplateRef ||\n            (type && type !== 'inactive' && type !== 'active') ||\n            (selectionMode !== 'none' && selectionMode !== 'singleSelect')\n        \"\n    >\n        <ng-container *ngIf=\"selectionMode === 'singleSelectLeft'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"selectionMode === 'multiSelect'\">\n            <ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"itemToolbarComponent?.contentTemplateRef\">\n            <div class=\"fd-toolbar--extra-content\">\n                <ng-container *ngTemplateOutlet=\"itemToolbarComponent.contentTemplateRef\"></ng-container>\n            </div>\n        </ng-container>\n\n        <fd-grid-list-title-bar-spacer></fd-grid-list-title-bar-spacer>\n\n        <span\n            *ngIf=\"counter\"\n            class=\"fd-grid-list__item-counter\"\n            [attr.aria-label]=\"'coreGridList.listItemCounterAriaLabel' | fdTranslate: { count: counter }\"\n            [innerText]=\"counter\"\n        ></span>\n\n        <button\n            *ngIf=\"type === 'detail' || type === 'detailsAndActive'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"edit\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDetailsTitle' | fdTranslate\"\n            fdCompact\n            (click)=\"_onDetail($event)\"\n        ></button>\n\n        <button\n            *ngIf=\"selectionMode === 'delete'\"\n            fd-button\n            fdType=\"transparent\"\n            glyph=\"decline\"\n            class=\"fd-grid-list__action-button\"\n            [attr.aria-label]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            [title]=\"'coreGridList.listItemButtonDeleteTitle' | fdTranslate\"\n            title=\"Delete\"\n            fdCompact\n            (click)=\"_onDelete($event)\"\n        ></button>\n\n        <span *ngIf=\"type === 'navigation'\" class=\"fd-grid-list__item-navigation-indicator\">\n            <fd-icon glyph=\"navigation-right-arrow\"></fd-icon>\n        </span>\n\n        <ng-container *ngIf=\"selectionMode === 'singleSelectRight'\">\n            <ng-container *ngTemplateOutlet=\"radio\"></ng-container>\n        </ng-container>\n    </div>\n\n    <div class=\"fd-grid-list__item-body\" [class.fd-grid-list__item-body--no-padding]=\"noPadding\">\n        <ng-content select=\"[fd-grid-list-item-image]\"></ng-content>\n\n        <div *ngIf=\"title || description\" class=\"fd-grid-list__item-header\">\n            <h4 *ngIf=\"title\" fd-title>{{ title }}</h4>\n            <span *ngIf=\"description\" class=\"fd-grid-list__item-subtitle\">{{ description }}</span>\n        </div>\n\n        <div *ngIf=\"body?.templateRef\" class=\"fd-grid-list__item-content\">\n            <ng-container [ngTemplateOutlet]=\"body.templateRef\"></ng-container>\n        </div>\n\n        <ng-container *ngIf=\"state || footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"itemFooter\"></ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #radio>\n    <input\n        [attr.tabindex]=\"selectionMode === 'singleSelect' ? -1 : 0\"\n        type=\"radio\"\n        class=\"fd-radio fd-radio--compact fd-grid-list__radio-input\"\n        [style.display]=\"selectionMode === 'singleSelect' ? 'none' : ''\"\n        [id]=\"id + '-radio'\"\n        [name]=\"'fd-grid-list-item-toolbar-' + selectionMode\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [value]=\"value\"\n        [ngModel]=\"_selectedItem\"\n        (ngModelChange)=\"$event && _selectionItem($event)\"\n    />\n    <label\n        class=\"fd-radio__label fd-grid-list__radio-label\"\n        [for]=\"id + '-radio'\"\n        tabindex=\"-1\"\n        (mouseover)=\"_setActive($event, false)\"\n        (mouseout)=\"_setActive($event, true)\"\n    ></label>\n</ng-template>\n\n<ng-template #checkbox>\n    <input\n        type=\"checkbox\"\n        class=\"fd-checkbox fd-checkbox--compact fd-grid-list__checkbox-input\"\n        [id]=\"id + '-checkbox'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [ngModel]=\"_selectedItem\"\n        (click)=\"_checkboxClick($event)\"\n    />\n    <label\n        class=\"fd-checkbox__label fd-checkbox__label--compact fd-grid-list__checkbox-label\"\n        [for]=\"id + '-checkbox'\"\n        tabindex=\"-1\"\n    ></label>\n</ng-template>\n\n<ng-template #itemFooter>\n    <div class=\"fd-grid-list__item-body-actions\" *ngIf=\"footerBarComponent || state\">\n        <ng-container *ngIf=\"footerBarComponent?.contentTemplateRef\">\n            <ng-container *ngTemplateOutlet=\"footerBarComponent.contentTemplateRef\"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"!footerBarComponent?.contentTemplateRef && state\">\n            <span\n                *ngIf=\"state === 'error'\"\n                fd-object-status\n                status=\"negative\"\n                [label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusContainsErrors' | fdTranslate\"\n            ></span>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'locked'\"\n                fd-button\n                fdType=\"transparent\"\n                glyph=\"private\"\n                [label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusLocked' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnLocked($event)\"\n            ></button>\n\n            <button\n                class=\"fd-grid-list__action-button\"\n                *ngIf=\"state === 'draft'\"\n                fd-button\n                fdType=\"transparent\"\n                [attr.aria-label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                [label]=\"'coreGridList.listItemStatusDraft' | fdTranslate\"\n                fdCompact\n                (click)=\"_clickOnDraft($event)\"\n            ></button>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [".fd-grid-list .fd-dnd-item.fd-dnd-on-drag{cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;background-color:transparent}.fd-grid-list .fd-dnd-item .fd-grid-list__item{overflow:visible}.fd-grid-list__item .drop-area__line--vertical{height:100%}.fd-grid-list__item .drop-area__line--vertical.before{left:-.55rem}.fd-grid-list__item .drop-area__line--vertical.after{right:-.55rem}.fd-grid-list__item .fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: GridList }]; }, propDecorators: { id: [{
@@ -621,11 +621,11 @@ class GridListComponent extends GridList {
         });
     }
 }
-GridListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-GridListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListComponent, selector: "fd-grid-list", inputs: { id: "id", width: "width", ariaLabel: "ariaLabel", selectionMode: "selectionMode", layoutPattern: "layoutPattern" }, outputs: { selectionChange: "selectionChange" }, providers: [{ provide: GridList, useExisting: GridListComponent }], queries: [{ propertyName: "gridListItems", predicate: GridListItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    [id]=\"id\"\n    [style.width]=\"width\"\n    class=\"fd-grid-list\"\n    [attr.aria-label]=\"ariaLabel\"\n    [class.fd-grid-list--mode-delete]=\"selectionMode === 'delete'\"\n    [class.fd-grid-list--mode-single-select]=\"selectionMode === 'singleSelect'\"\n    [class.fd-grid-list--mode-single-select-left]=\"selectionMode === 'singleSelectLeft'\"\n    [class.fd-grid-list--mode-single-select-right]=\"selectionMode === 'singleSelectRight'\"\n    [class.fd-grid-list--mode-multi-select]=\"selectionMode === 'multiSelect'\"\n>\n    <div class=\"fd-container\" role=\"listbox\">\n        <div class=\"fd-row\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n.fd-radio\n*/.fd-radio{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;outline:none;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-radio:after,.fd-radio:before{box-sizing:inherit;font-size:inherit}.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{box-shadow:none}.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{box-shadow:none}.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{box-shadow:none}.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{box-shadow:none}.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{box-shadow:none}.fd-radio.is-alert,.fd-radio.is-error,.fd-radio.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-radio.is-alert::placeholder,.fd-radio.is-error::placeholder,.fd-radio.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-radio.is-error::placeholder{color:var(--sapField_TextColor)}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio.is-disabled::placeholder,.fd-radio:disabled::placeholder,.fd-radio[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-radio.is-readonly,.fd-radio[aria-readonly=true],.fd-radio[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-radio.is-readonly::placeholder,.fd-radio[aria-readonly=true]::placeholder,.fd-radio[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly].is-hover,.fd-radio[readonly]:hover{box-shadow:none}.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-radio__label{-webkit-box-sizing:border-box;-ms-flex-item-align:start;align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);color:var(--sapField_TextColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;padding:var(--fdRadio_Outer_Circle_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-radio__label:after,.fd-radio__label:before{box-sizing:inherit;font-size:inherit}.fd-radio__label[dir=rtl],[dir=rtl] .fd-radio__label{margin-left:.5rem;margin-right:0}.fd-radio__label:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Border);border-radius:50%;color:var(--fdRadio_Selected_Color);content:\"\";display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);justify-content:center;margin-right:var(--fdRadio_Outer_Circle_Padding);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter)}.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);top:var(--fdRadio_Inner_Content_Padding);width:var(--fdRadio_Inner_Content_Size)}.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5}.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{-webkit-box-shadow:var(--fdRadio_Hover_Box_Shadow);background-color:var(--fdRadio_Hover_Background);border-color:var(--fdRadio_Hover_Border_Color);border-width:var(--fdRadio_Border_Width);box-shadow:var(--fdRadio_Hover_Box_Shadow)}.fd-radio__label[dir=rtl]:before,[dir=rtl] .fd-radio__label:before{margin-left:var(--fdRadio_Outer_Circle_Padding);margin-right:0}.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)}.fd-radio__label.is-empty,.fd-radio__label:empty{margin:0;padding:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-left:0;margin-right:0}.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Selected_Color);border-radius:50%;content:\"\";position:absolute}.fd-radio.is-alert+.fd-radio__label,.fd-radio.is-warning+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_WarningBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_WarningBorderWidth);--fdRadio_Border:var(--sapField_WarningBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_WarningColor);--fdRadio_Hover_Shadow:var(--fdRadio_Warning_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_WarningColor);--fdRadio_Hover_Border_Color:var(--sapField_WarningColor)}.fd-radio.is-error+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_InvalidBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_InvalidBorderWidth);--fdRadio_Border:var(--sapField_InvalidBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_InvalidColor);--fdRadio_Hover_Shadow:var(--fdRadio_Error_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_InvalidColor);--fdRadio_Hover_Border_Color:var(--sapField_InvalidColor)}.fd-radio.is-success+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_SuccessBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_BorderWidth);--fdRadio_Border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--fdRadio_Hover_Shadow:var(--fdRadio_Success_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_SuccessColor);--fdRadio_Hover_Border_Color:var(--sapField_SuccessColor)}.fd-radio.is-information+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_InformationBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_InformationBorderWidth);--fdRadio_Border:var(--sapField_InformationBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_InformationColor);--fdRadio_Hover_Shadow:var(--fdRadio_Information_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_InformationColor);--fdRadio_Hover_Border_Color:var(--sapField_InformationColor)}.fd-radio.is-readonly+.fd-radio__label,.fd-radio[aria-readonly=true]+.fd-radio__label,.fd-radio[readonly]+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_ReadOnly_Background);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--fdRadio_Readonly_Border_Width);--fdRadio_Border:var(--fdRadio_Readonly_Border_Width) var(--fdRadio_Readonly_Border_Type) var(--sapField_ReadOnly_BorderColor);--fdRadio_Hover_Shadow:none;--fdRadio_Selected_Color:var(--sapField_ReadOnly_BorderColor);--fdRadio_Hover_Border_Color:var(--sapField_ReadOnly_BorderColor)}.fd-radio.is-focus,.fd-radio:focus{z-index:5}.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001}.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio--compact+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)}.fd-radio--compact.is-focus,.fd-radio--compact:focus{z-index:5}.fd-radio--compact.is-focus+.fd-radio__label,.fd-radio--compact:focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)}/*!\n.fd-checkbox\n*/.fd-checkbox{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;outline:none;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{box-shadow:none}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{box-shadow:none}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{box-shadow:none}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{box-shadow:none}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{box-shadow:none}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-checkbox.is-alert::placeholder,.fd-checkbox.is-error::placeholder,.fd-checkbox.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-error::placeholder{color:var(--sapField_TextColor)}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:hover{box-shadow:none}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{-webkit-box-sizing:border-box;-ms-flex-item-align:start;align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;padding:var(--fdCheckbox_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Border);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Selected_Color);content:\"\";display:inline-flex;font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);justify-content:center;min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label.is-empty,.fd-checkbox__label:empty{margin:0}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{-webkit-box-shadow:var(--fdCheckbox_Hover_Shadow);background-color:var(--fdCheckbox_Hover_Background);border-color:var(--fdCheckbox_Hover_Border_Color);box-shadow:var(--fdCheckbox_Hover_Shadow)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-left:.5rem;padding-right:0}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\";font-size:var(--sapFontSize);font-weight:700;padding-left:.125rem;position:absolute}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-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:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;pointer-events:none;width:100%}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{-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;margin-left:var(--fdCheckbox_Padding);margin-right:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-left:0;margin-right:var(--fdCheckbox_Padding)}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{background-color:var(--fdCheckbox_Selected_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);margin-left:var(--fdCheckbox_Tristate_Offset);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:var(--fdCheckbox_Tristate_Offset)}.fd-checkbox.is-alert+.fd-checkbox__label,.fd-checkbox.is-warning+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_WarningBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_WarningBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_WarningColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Warning_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_WarningColor);--fdCheckbox_Selected_Color:var(--sapField_TextColor)}.fd-checkbox.is-error+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_InvalidBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_InvalidBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_InvalidColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Error_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_InvalidColor);--fdCheckbox_Selected_Color:var(--sapField_InvalidColor)}.fd-checkbox.is-success+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_SuccessBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Success_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_SuccessColor);--fdCheckbox_Selected_Color:var(--sapField_SuccessColor)}.fd-checkbox.is-information+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_InformationBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_InformationBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_InformationColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Information_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_InformationColor);--fdCheckbox_Selected_Color:var(--sapField_InformationColor)}.fd-checkbox.is-readonly+.fd-checkbox__label,.fd-checkbox[readonly]+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_ReadOnly_Background);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--fdCheckbox_Readonly_Border_Width) var(--fdCheckbox_Readonly_Border_Type) var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Hover_Shadow:none;--fdCheckbox_Hover_Border_Color:var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Selected_Color:var(--sapContent_NonInteractiveIconColor)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:.4;pointer-events:none}.fd-checkbox--compact+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}.fd-col,.fd-container,.fd-row{-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-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:flex;flex:0 0 100%;flex-wrap:wrap;padding:0 .25rem;position:relative}.fd-container .fd-row{margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-bottom:.25rem;padding-top:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-bottom:0;padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:flex;flex:0 0 100%;flex-wrap:wrap;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-left:.25rem;padding-right:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-left:0;margin-right:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-left:25%;margin-right:0}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-left:50%;margin-right:0}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-left:75%;margin-right:0}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-left:100%;margin-right:0}.fd-col--full{flex:1;max-width:none;min-width:8.3333333333%}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-container .fd-row{margin-left:-.5rem;margin-right:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-bottom:.5rem;padding-top:.5rem}.fd-col{padding-left:.5rem;padding-right:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-left:0;margin-right:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-left:25%;margin-right:0}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-left:50%;margin-right:0}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-left:75%;margin-right:0}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width: 1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-left:0;margin-right:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-left:25%;margin-right:0}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-left:50%;margin-right:0}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-left:75%;margin-right:0}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width: 1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-left:0;margin-right:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-left:25%;margin-right:0}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-left:50%;margin-right:0}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-left:75%;margin-right:0}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-left:100%;margin-right:0}}/*!\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 *//*!\n.fd-grid-list\n*/.fd-grid-list{-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-grid-list:after,.fd-grid-list:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__radio-input{height:1rem;width:1rem}.fd-grid-list .fd-grid-list__radio-input+.fd-grid-list__radio-label.is-empty,.fd-grid-list .fd-grid-list__radio-input+.fd-grid-list__radio-label:empty{align-self:center}.fd-grid-list .fd-grid-list__checkbox-input{height:1rem;width:1rem}.fd-grid-list .fd-grid-list__checkbox-input+.fd-grid-list__checkbox-label.is-empty,.fd-grid-list .fd-grid-list__checkbox-input+.fd-grid-list__checkbox-label:empty{align-self:center}.fd-grid-list .fd-grid-list__item{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);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;outline:none;overflow:hidden;padding:0;position:relative}.fd-grid-list .fd-grid-list__item:after,.fd-grid-list .fd-grid-list__item:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item.is-focus,.fd-grid-list .fd-grid-list__item:focus{z-index:5}.fd-grid-list .fd-grid-list__item.is-focus:before,.fd-grid-list .fd-grid-list__item:focus:before{-webkit-box-shadow:var(--fdGrid_List_Item_Focus_Box_Shadow);border:var(--fdGrid_List_Item_Focus_Border);border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--fdGrid_List_Item_Focus_Box_Shadow);content:\"\";display:block;inset:var(--fdGrid_List_Item_Focus_Outline_Offset);pointer-events:none;position:absolute;z-index:1}.fd-grid-list .fd-grid-list__item--height-auto{height:auto}.fd-grid-list .fd-grid-list__item--unread .fd-grid-list__item-body *{font-weight:700}.fd-grid-list .fd-grid-list__item--link{cursor:pointer}.fd-grid-list .fd-grid-list__item--link.is-hover,.fd-grid-list .fd-grid-list__item--link:hover{-webkit-box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color);background-color:var(--sapList_Hover_Background);box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color)}.fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected),.fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected){background-color:var(--sapList_Active_Background)}.fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected) *,.fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected) *{color:var(--sapList_Active_TextColor)!important;text-shadow:none!important}.fd-grid-list .fd-grid-list__item--link.is-selected,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]{-webkit-box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor);background-color:var(--sapList_SelectionBackgroundColor);box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor)}.fd-grid-list .fd-grid-list__item--link.is-selected.is-hover,.fd-grid-list .fd-grid-list__item--link.is-selected:hover,.fd-grid-list .fd-grid-list__item--link[aria-selected=true].is-hover,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]:hover{background-color:var(--sapList_Hover_SelectionBackground)}.fd-grid-list .fd-grid-list__item--link.is-navigated:after{background-color:var(--sapList_SelectionBorderColor);border-radius:0 var(--fdGrid_List_Item_Border_Radius) var(--fdGrid_List_Item_Border_Radius) 0;content:\"\";display:block;height:100%;position:absolute;right:0;top:0;width:.1875rem}.fd-grid-list .fd-grid-list__item--link.is-selected:before,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]:before{border-color:var(--sapList_SelectionBackgroundColor)}.fd-grid-list .fd-grid-list__item-toolbar{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;-webkit-box-shadow:var(--fdGrid_List_Item_Toolbar_Shadow);align-items:center;border:none;box-shadow:var(--fdGrid_List_Item_Toolbar_Shadow);display:flex;flex-shrink:0;padding:0 1rem}.fd-grid-list .fd-grid-list__item-body{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;word-break:break-word}.fd-grid-list .fd-grid-list__item-body:after,.fd-grid-list .fd-grid-list__item-body:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-body--no-padding{padding:0}.fd-grid-list .fd-grid-list__item-body-actions{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;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:1rem 0 0;order:1;padding:0}.fd-grid-list .fd-grid-list__item-body-actions:after,.fd-grid-list .fd-grid-list__item-body-actions:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-header{-webkit-box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:0 0 100%;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list .fd-grid-list__item-header:after,.fd-grid-list .fd-grid-list__item-header:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-header+.fd-grid-list__item-content{padding-top:1rem}.fd-grid-list .fd-grid-list__item-image{margin-right:.75rem}.fd-grid-list .fd-grid-list__item-image[dir=rtl],[dir=rtl] .fd-grid-list .fd-grid-list__item-image{margin-left:.75rem;margin-right:0}.fd-grid-list .fd-grid-list__item-image+.fd-grid-list__item-content,.fd-grid-list .fd-grid-list__item-image+.fd-grid-list__item-header{max-width:calc(100% - 3.75rem)}.fd-grid-list .fd-grid-list__item-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.125rem 0 0;padding:0;white-space:normal}.fd-grid-list .fd-grid-list__item-title:after,.fd-grid-list .fd-grid-list__item-title:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 .125rem;padding:0}.fd-grid-list .fd-grid-list__item-subtitle:after,.fd-grid-list .fd-grid-list__item-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-grid-list .fd-grid-list__item-content:after,.fd-grid-list .fd-grid-list__item-content:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-counter{color:var(--sapContent_MarkerTextColor)}.fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);display:flex;justify-content:center;margin-left:0;margin-right:-1rem;width:2.5rem}.fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator[dir=rtl],[dir=rtl] .fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator{-webkit-transform:rotate(180deg);margin-left:-1rem;margin-right:0;transform:rotate(180deg)}.fd-grid-list__group-header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColo);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;font-weight:700;height:2rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:.75rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-grid-list__group-header:after,.fd-grid-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__group-header.is-focus,.fd-grid-list__group-header:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__group-header--no-margin{margin-top:0}.fd-grid-list__more{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.813rem;text-align:center}.fd-grid-list__more:after,.fd-grid-list__more:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more.is-focus,.fd-grid-list__more:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__more-title{-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;font-weight:700;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list__more-title:after,.fd-grid-list__more-title:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more-description{-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:.813rem 0 0;padding:0}.fd-grid-list__more-description:after,.fd-grid-list__more-description:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more-description,.fd-grid-list__more-title{color:var(--sapLink_Visited_Color)}.fd-grid-list__more.is-hover,.fd-grid-list__more:hover{background-color:var(--sapList_Hover_Background)}.fd-grid-list__more.is-active,.fd-grid-list__more:active{background-color:var(--sapList_Active_Background)}.fd-grid-list__more.is-active-description,.fd-grid-list__more.is-active-title,.fd-grid-list__more:active-description,.fd-grid-list__more:active-title{color:var(--sapList_Active_TextColor)}.fd-grid-list__footer{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_FooterTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list__footer:after,.fd-grid-list__footer:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__footer.is-focus,.fd-grid-list__footer:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__highlight{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdGrid_List_Item_Border_Radius) 0 0 var(--fdGrid_List_Item_Border_Radius);bottom:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;left:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;top:0;width:.375rem}.fd-grid-list__highlight:after,.fd-grid-list__highlight:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__highlight[dir=rtl],[dir=rtl] .fd-grid-list__highlight{right:0}.fd-grid-list__highlight--positive{background-color:var(--sapSuccessBorderColor)}.fd-grid-list__highlight--negative{background-color:var(--sapErrorBorderColor)}.fd-grid-list__highlight--critical{background-color:var(--sapWarningBorderColor)}.fd-grid-list__highlight--neutral{background-color:var(--sapNeutralBorderColor)}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label{color:var(--sapContent_LabelColor);display:flex;flex-direction:row}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:-.5rem}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:0;margin-right:-.5rem}.fd-grid-list--mode-single-select .fd-grid-list__item{cursor:pointer}.fd-grid-list--mode-single-select .fd-grid-list__item.is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item:hover{-webkit-box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color);background-color:var(--sapList_Hover_Background);box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color)}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]{-webkit-box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor);background-color:var(--sapList_SelectionBackgroundColor);box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor)}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected.is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:hover,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true].is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:hover{background-color:var(--sapList_Hover_SelectionBackground)}.fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-input{height:100%;width:100%;z-index:-1}.fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-label{display:none}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:before,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:before{border-color:var(--sapList_SelectionBackgroundColor)}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-input{right:1rem}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label{order:1}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:.5rem;margin-right:-.5rem}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:-.5rem;margin-right:.5rem}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListComponent, decorators: [{
+GridListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+GridListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListComponent, selector: "fd-grid-list", inputs: { id: "id", width: "width", ariaLabel: "ariaLabel", selectionMode: "selectionMode", layoutPattern: "layoutPattern" }, outputs: { selectionChange: "selectionChange" }, providers: [{ provide: GridList, useExisting: GridListComponent }], queries: [{ propertyName: "gridListItems", predicate: GridListItemComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    [id]=\"id\"\n    [style.width]=\"width\"\n    class=\"fd-grid-list\"\n    [attr.aria-label]=\"ariaLabel\"\n    [class.fd-grid-list--mode-delete]=\"selectionMode === 'delete'\"\n    [class.fd-grid-list--mode-single-select]=\"selectionMode === 'singleSelect'\"\n    [class.fd-grid-list--mode-single-select-left]=\"selectionMode === 'singleSelectLeft'\"\n    [class.fd-grid-list--mode-single-select-right]=\"selectionMode === 'singleSelectRight'\"\n    [class.fd-grid-list--mode-multi-select]=\"selectionMode === 'multiSelect'\"\n>\n    <div class=\"fd-container\" role=\"listbox\">\n        <div class=\"fd-row\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"~fundamental-styles/dist/radio.css\";@import\"~fundamental-styles/dist/checkbox.css\";@import\"~fundamental-styles/dist/layout-grid.css\";@import\"~fundamental-styles/dist/grid-list.css\";\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-grid-list', encapsulation: ViewEncapsulation.None, providers: [{ provide: GridList, useExisting: GridListComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [id]=\"id\"\n    [style.width]=\"width\"\n    class=\"fd-grid-list\"\n    [attr.aria-label]=\"ariaLabel\"\n    [class.fd-grid-list--mode-delete]=\"selectionMode === 'delete'\"\n    [class.fd-grid-list--mode-single-select]=\"selectionMode === 'singleSelect'\"\n    [class.fd-grid-list--mode-single-select-left]=\"selectionMode === 'singleSelectLeft'\"\n    [class.fd-grid-list--mode-single-select-right]=\"selectionMode === 'singleSelectRight'\"\n    [class.fd-grid-list--mode-multi-select]=\"selectionMode === 'multiSelect'\"\n>\n    <div class=\"fd-container\" role=\"listbox\">\n        <div class=\"fd-row\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["/*!\n.fd-radio\n*/.fd-radio{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;outline:none;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-radio:after,.fd-radio:before{box-sizing:inherit;font-size:inherit}.fd-radio::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-radio::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-radio.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-radio.is-success.is-hover,.fd-radio.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-radio.is-success.is-focus,.fd-radio.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-radio.is-success.is-focus.is-hover,.fd-radio.is-success.is-focus:hover,.fd-radio.is-success:focus.is-hover,.fd-radio.is-success:focus:hover{box-shadow:none}.fd-radio.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-radio.is-error.is-hover,.fd-radio.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-radio.is-error.is-focus,.fd-radio.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-radio.is-error.is-focus.is-hover,.fd-radio.is-error.is-focus:hover,.fd-radio.is-error:focus.is-hover,.fd-radio.is-error:focus:hover{box-shadow:none}.fd-radio.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-warning.is-hover,.fd-radio.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-warning.is-focus.is-hover,.fd-radio.is-warning.is-focus:hover,.fd-radio.is-warning:focus.is-hover,.fd-radio.is-warning:focus:hover{box-shadow:none}.fd-radio.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-radio.is-alert.is-hover,.fd-radio.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-radio.is-alert.is-focus.is-hover,.fd-radio.is-alert.is-focus:hover,.fd-radio.is-alert:focus.is-hover,.fd-radio.is-alert:focus:hover{box-shadow:none}.fd-radio.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-radio.is-information.is-hover,.fd-radio.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-radio.is-information.is-focus,.fd-radio.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-radio.is-information.is-focus.is-hover,.fd-radio.is-information.is-focus:hover,.fd-radio.is-information:focus.is-hover,.fd-radio.is-information:focus:hover{box-shadow:none}.fd-radio.is-alert,.fd-radio.is-error,.fd-radio.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-radio.is-alert::placeholder,.fd-radio.is-error::placeholder,.fd-radio.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-radio.is-alert.is-focus,.fd-radio.is-alert:focus,.fd-radio.is-error.is-focus,.fd-radio.is-error:focus,.fd-radio.is-information.is-focus,.fd-radio.is-information:focus,.fd-radio.is-warning.is-focus,.fd-radio.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-radio.is-error::placeholder{color:var(--sapField_TextColor)}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio.is-disabled::placeholder,.fd-radio:disabled::placeholder,.fd-radio[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-radio.is-readonly,.fd-radio[aria-readonly=true],.fd-radio[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-radio.is-readonly::placeholder,.fd-radio[aria-readonly=true]::placeholder,.fd-radio[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-radio.is-readonly.is-hover,.fd-radio.is-readonly:hover,.fd-radio[aria-readonly=true].is-hover,.fd-radio[aria-readonly=true]:hover,.fd-radio[readonly].is-hover,.fd-radio[readonly]:hover{box-shadow:none}.fd-radio.is-readonly.is-focus,.fd-radio.is-readonly:focus,.fd-radio[aria-readonly=true].is-focus,.fd-radio[aria-readonly=true]:focus,.fd-radio[readonly].is-focus,.fd-radio[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-radio__label{-webkit-box-sizing:border-box;-ms-flex-item-align:start;align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);color:var(--sapField_TextColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;padding:var(--fdRadio_Outer_Circle_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-radio__label:after,.fd-radio__label:before{box-sizing:inherit;font-size:inherit}.fd-radio__label[dir=rtl],[dir=rtl] .fd-radio__label{margin-left:.5rem;margin-right:0}.fd-radio__label:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdRadio_Background_Color);border:var(--fdRadio_Border);border-radius:50%;color:var(--fdRadio_Selected_Color);content:\"\";display:inline-flex;height:var(--fdRadio_Inner_Circle_Diameter);justify-content:center;margin-right:var(--fdRadio_Outer_Circle_Padding);min-width:var(--fdRadio_Inner_Circle_Diameter);width:var(--fdRadio_Inner_Circle_Diameter)}.fd-radio__label:after{height:var(--fdRadio_Inner_Content_Size);left:var(--fdRadio_Inner_Content_Padding);min-width:var(--fdRadio_Inner_Content_Size);top:var(--fdRadio_Inner_Content_Padding);width:var(--fdRadio_Inner_Content_Size)}.fd-radio__label.is-focus,.fd-radio__label:focus{outline:none;z-index:5}.fd-radio__label.is-hover:before,.fd-radio__label:hover:before{-webkit-box-shadow:var(--fdRadio_Hover_Box_Shadow);background-color:var(--fdRadio_Hover_Background);border-color:var(--fdRadio_Hover_Border_Color);border-width:var(--fdRadio_Border_Width);box-shadow:var(--fdRadio_Hover_Box_Shadow)}.fd-radio__label[dir=rtl]:before,[dir=rtl] .fd-radio__label:before{margin-left:var(--fdRadio_Outer_Circle_Padding);margin-right:0}.fd-radio__label[dir=rtl]:after,[dir=rtl] .fd-radio__label:after{right:var(--fdRadio_Inner_Content_Padding)}.fd-radio__label.is-empty,.fd-radio__label:empty{margin:0;padding:var(--fdRadio_Outer_Circle_Padding)}.fd-radio__label.is-empty:after,.fd-radio__label.is-empty:before,.fd-radio__label:empty:after,.fd-radio__label:empty:before{margin-left:0;margin-right:0}.fd-radio:checked+.fd-radio__label:after{background:var(--fdRadio_Selected_Color);border-radius:50%;content:\"\";position:absolute}.fd-radio.is-alert+.fd-radio__label,.fd-radio.is-warning+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_WarningBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_WarningBorderWidth);--fdRadio_Border:var(--sapField_WarningBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_WarningColor);--fdRadio_Hover_Shadow:var(--fdRadio_Warning_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_WarningColor);--fdRadio_Hover_Border_Color:var(--sapField_WarningColor)}.fd-radio.is-error+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_InvalidBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_InvalidBorderWidth);--fdRadio_Border:var(--sapField_InvalidBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_InvalidColor);--fdRadio_Hover_Shadow:var(--fdRadio_Error_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_InvalidColor);--fdRadio_Hover_Border_Color:var(--sapField_InvalidColor)}.fd-radio.is-success+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_SuccessBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_BorderWidth);--fdRadio_Border:var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);--fdRadio_Hover_Shadow:var(--fdRadio_Success_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_SuccessColor);--fdRadio_Hover_Border_Color:var(--sapField_SuccessColor)}.fd-radio.is-information+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_InformationBackground);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--sapField_InformationBorderWidth);--fdRadio_Border:var(--sapField_InformationBorderWidth) var(--fdRadio_Warning_Error_Information_Border_Style) var(--sapField_InformationColor);--fdRadio_Hover_Shadow:var(--fdRadio_Information_Hover_Shadow);--fdRadio_Selected_Color:var(--sapField_InformationColor);--fdRadio_Hover_Border_Color:var(--sapField_InformationColor)}.fd-radio.is-readonly+.fd-radio__label,.fd-radio[aria-readonly=true]+.fd-radio__label,.fd-radio[readonly]+.fd-radio__label{--fdRadio_Background_Color:var(--sapField_ReadOnly_Background);--fdRadio_Hover_Background:var(--fdRadio_Hover_Background);--fdRadio_Border_Width:var(--fdRadio_Readonly_Border_Width);--fdRadio_Border:var(--fdRadio_Readonly_Border_Width) var(--fdRadio_Readonly_Border_Type) var(--sapField_ReadOnly_BorderColor);--fdRadio_Hover_Shadow:none;--fdRadio_Selected_Color:var(--sapField_ReadOnly_BorderColor);--fdRadio_Hover_Border_Color:var(--sapField_ReadOnly_BorderColor)}.fd-radio.is-focus,.fd-radio:focus{z-index:5}.fd-radio.is-focus+.fd-radio__label,.fd-radio:focus+.fd-radio__label{border-radius:var(--fdRadio_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdRadio_Focus_Outline_Offset) - var(--fdRadio_Outer_Circle_Padding))}.fd-radio.is-disabled,.fd-radio:disabled,.fd-radio[aria-disabled=true]{opacity:.0001}.fd-radio.is-disabled+.fd-radio__label,.fd-radio:disabled+.fd-radio__label,.fd-radio[aria-disabled=true]+.fd-radio__label{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-radio--compact+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Inner_Circle_Diameter:var(--fdRadio_Compact_Inner_Circle_Diameter);--fdRadio_Inner_Content_Size:var(--fdRadio_Inner_Content_Size_Compact);--fdRadio_Inner_Content_Padding:var(--fdRadio_Inner_Content_Padding_Compact)}.fd-radio--compact.is-focus,.fd-radio--compact:focus{z-index:5}.fd-radio--compact.is-focus+.fd-radio__label,.fd-radio--compact:focus+.fd-radio__label{--fdRadio_Outer_Circle_Padding:var(--fdRadio_Compact_Outer_Circle_Padding);--fdRadio_Outline_Border_Radius:var(--fdRadio_Compact_Outline_Border_radius)}/*!\n.fd-checkbox\n*/.fd-checkbox{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;background-color:var(--sapField_Background);border:0;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-style:solid;border-width:var(--sapField_BorderWidth);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:.0001;outline:none;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.fd-checkbox::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-checkbox.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-checkbox.is-success.is-focus,.fd-checkbox.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-checkbox.is-success.is-focus.is-hover,.fd-checkbox.is-success.is-focus:hover,.fd-checkbox.is-success:focus.is-hover,.fd-checkbox.is-success:focus:hover{box-shadow:none}.fd-checkbox.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-checkbox.is-error.is-focus.is-hover,.fd-checkbox.is-error.is-focus:hover,.fd-checkbox.is-error:focus.is-hover,.fd-checkbox.is-error:focus:hover{box-shadow:none}.fd-checkbox.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-warning.is-focus.is-hover,.fd-checkbox.is-warning.is-focus:hover,.fd-checkbox.is-warning:focus.is-hover,.fd-checkbox.is-warning:focus:hover{box-shadow:none}.fd-checkbox.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-checkbox.is-alert.is-focus.is-hover,.fd-checkbox.is-alert.is-focus:hover,.fd-checkbox.is-alert:focus.is-hover,.fd-checkbox.is-alert:focus:hover{box-shadow:none}.fd-checkbox.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-checkbox.is-information.is-focus.is-hover,.fd-checkbox.is-information.is-focus:hover,.fd-checkbox.is-information:focus.is-hover,.fd-checkbox.is-information:focus:hover{box-shadow:none}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-checkbox.is-alert::placeholder,.fd-checkbox.is-error::placeholder,.fd-checkbox.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-checkbox.is-error::placeholder{color:var(--sapField_TextColor)}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-checkbox.is-readonly.is-hover,.fd-checkbox.is-readonly:hover,.fd-checkbox[aria-readonly=true].is-hover,.fd-checkbox[aria-readonly=true]:hover,.fd-checkbox[readonly].is-hover,.fd-checkbox[readonly]:hover{box-shadow:none}.fd-checkbox.is-readonly.is-focus,.fd-checkbox.is-readonly:focus,.fd-checkbox[aria-readonly=true].is-focus,.fd-checkbox[aria-readonly=true]:focus,.fd-checkbox[readonly].is-focus,.fd-checkbox[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{-webkit-box-sizing:border-box;-ms-flex-item-align:start;align-items:center;align-self:flex-start;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);cursor:text;cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);line-height:1rem;margin:0 .5rem 0 0;max-width:100%;overflow:hidden;padding:0;padding:var(--fdCheckbox_Padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdCheckbox_Background_Color);border:var(--fdCheckbox_Border);border-radius:var(--sapField_BorderCornerRadius);color:var(--fdCheckbox_Selected_Color);content:\"\";display:inline-flex;font-family:SAP-icons;height:var(--fdCheckbox_Dimensions);justify-content:center;min-width:var(--fdCheckbox_Dimensions);width:var(--fdCheckbox_Dimensions)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label.is-empty,.fd-checkbox__label:empty{margin:0}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{-webkit-box-shadow:var(--fdCheckbox_Hover_Shadow);background-color:var(--fdCheckbox_Hover_Background);border-color:var(--fdCheckbox_Hover_Border_Color);box-shadow:var(--fdCheckbox_Hover_Shadow)}.fd-checkbox__label:focus{outline:none}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-left:.5rem;padding-right:0}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{color:var(--sapField_RequiredColor);content:\"*\";font-size:var(--sapFontSize);font-weight:700;padding-left:.125rem;position:absolute}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-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:1rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;pointer-events:none;width:100%}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{-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;margin-left:var(--fdCheckbox_Padding);margin-right:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-left:0;margin-right:var(--fdCheckbox_Padding)}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{background-color:var(--fdCheckbox_Selected_Color);content:\"\";height:var(--fdCheckbox_Tristate_Size);margin-left:var(--fdCheckbox_Tristate_Offset);position:absolute;width:var(--fdCheckbox_Tristate_Size)}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{--fdCheckbox_Tristate_Size:var(--fdCheckbox_Tristate_Compact_Size);--fdCheckbox_Tristate_Offset:var(--fdCheckbox_Tristate_Compact_Offset)}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:var(--fdCheckbox_Tristate_Offset)}.fd-checkbox.is-alert+.fd-checkbox__label,.fd-checkbox.is-warning+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_WarningBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_WarningBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_WarningColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Warning_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_WarningColor);--fdCheckbox_Selected_Color:var(--sapField_TextColor)}.fd-checkbox.is-error+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_InvalidBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_InvalidBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_InvalidColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Error_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_InvalidColor);--fdCheckbox_Selected_Color:var(--sapField_InvalidColor)}.fd-checkbox.is-success+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_SuccessBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Success_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_SuccessColor);--fdCheckbox_Selected_Color:var(--sapField_SuccessColor)}.fd-checkbox.is-information+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_InformationBackground);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--sapField_InformationBorderWidth) var(--fdCheckbox_Warning_Error_Information_Border_Style) var(--sapField_InformationColor);--fdCheckbox_Hover_Shadow:var(--fdCheckbox_Information_State_Shadow);--fdCheckbox_Hover_Border_Color:var(--sapField_InformationColor);--fdCheckbox_Selected_Color:var(--sapField_InformationColor)}.fd-checkbox.is-readonly+.fd-checkbox__label,.fd-checkbox[readonly]+.fd-checkbox__label{--fdCheckbox_Background_Color:var(--sapField_ReadOnly_Background);--fdCheckbox_Hover_Background:var(--fdCheckbox_State_Hover_Background);--fdCheckbox_Border:var(--fdCheckbox_Readonly_Border_Width) var(--fdCheckbox_Readonly_Border_Type) var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Hover_Shadow:none;--fdCheckbox_Hover_Border_Color:var(--sapField_ReadOnly_BorderColor);--fdCheckbox_Selected_Color:var(--sapContent_NonInteractiveIconColor)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{border-radius:var(--fdCheckbox_Outline_Border_Radius);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(var(--fdCheckbox_Focus_Outline_Offset) - var(--fdCheckbox_Padding))}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{opacity:.4;pointer-events:none}.fd-checkbox--compact+.fd-checkbox__label{--fdCheckbox_Dimensions:var(--fdCheckbox_Compact_Dimensions);--fdCheckbox_Padding:var(--fdCheckbox_Compact_Padding)}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{--fdCheckbox_Outline_Border_Radius:var(--fdCheckbox_Compact_Outline_Border_Radius)}.fd-col,.fd-container,.fd-row{-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-col:after,.fd-col:before,.fd-container:after,.fd-container:before,.fd-row:after,.fd-row:before{box-sizing:inherit;font-size:inherit}.fd-container{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:flex;flex:0 0 100%;flex-wrap:wrap;padding:0 .25rem;position:relative}.fd-container .fd-row{margin-left:-.25rem;margin-right:-.25rem;min-width:calc(100% + .5rem)}.fd-container>.fd-row>.fd-col{padding-bottom:.25rem;padding-top:.25rem}.fd-container.fd-container--no-gap .fd-row,.fd-container.fd-container--no-horizontal-gap .fd-row{margin-left:0;margin-right:0}.fd-container.fd-container--no-gap .fd-row .fd-col,.fd-container.fd-container--no-horizontal-gap .fd-row .fd-col{padding-left:0;padding-right:0}.fd-container.fd-container--no-gap>.fd-row>.fd-col,.fd-container.fd-container--no-vertical-gap>.fd-row>.fd-col{padding-bottom:0;padding-top:0}.fd-container[dir=rtl],[dir=rtl] .fd-container{direction:rtl}.fd-row{-ms-flex-wrap:wrap;-webkit-box-flex:0;-ms-flex:0 0 100%;display:flex;flex:0 0 100%;flex-wrap:wrap;min-width:100%;position:relative}.fd-col{max-width:100%;min-width:100%;padding-left:.25rem;padding-right:.25rem}.fd-col--0{max-width:0;min-width:0%}.fd-col--offset-0{margin-left:0}.fd-col--offset-0[dir=rtl],[dir=rtl] .fd-col--offset-0{margin-left:0;margin-right:0}.fd-col--offset-after-0{margin-right:0}.fd-col--offset-after-0[dir=rtl],[dir=rtl] .fd-col--offset-after-0{margin-left:0;margin-right:0}.fd-col--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col--offset-1{margin-left:8.3333333333%}.fd-col--offset-1[dir=rtl],[dir=rtl] .fd-col--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col--offset-after-1{margin-right:8.3333333333%}.fd-col--offset-after-1[dir=rtl],[dir=rtl] .fd-col--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col--offset-2{margin-left:16.6666666667%}.fd-col--offset-2[dir=rtl],[dir=rtl] .fd-col--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col--offset-after-2{margin-right:16.6666666667%}.fd-col--offset-after-2[dir=rtl],[dir=rtl] .fd-col--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col--3{max-width:25%;min-width:25%}.fd-col--offset-3{margin-left:25%}.fd-col--offset-3[dir=rtl],[dir=rtl] .fd-col--offset-3{margin-left:0;margin-right:25%}.fd-col--offset-after-3{margin-right:25%}.fd-col--offset-after-3[dir=rtl],[dir=rtl] .fd-col--offset-after-3{margin-left:25%;margin-right:0}.fd-col--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col--offset-4{margin-left:33.3333333333%}.fd-col--offset-4[dir=rtl],[dir=rtl] .fd-col--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col--offset-after-4{margin-right:33.3333333333%}.fd-col--offset-after-4[dir=rtl],[dir=rtl] .fd-col--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col--offset-5{margin-left:41.6666666667%}.fd-col--offset-5[dir=rtl],[dir=rtl] .fd-col--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col--offset-after-5{margin-right:41.6666666667%}.fd-col--offset-after-5[dir=rtl],[dir=rtl] .fd-col--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col--6{max-width:50%;min-width:50%}.fd-col--offset-6{margin-left:50%}.fd-col--offset-6[dir=rtl],[dir=rtl] .fd-col--offset-6{margin-left:0;margin-right:50%}.fd-col--offset-after-6{margin-right:50%}.fd-col--offset-after-6[dir=rtl],[dir=rtl] .fd-col--offset-after-6{margin-left:50%;margin-right:0}.fd-col--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col--offset-7{margin-left:58.3333333333%}.fd-col--offset-7[dir=rtl],[dir=rtl] .fd-col--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col--offset-after-7{margin-right:58.3333333333%}.fd-col--offset-after-7[dir=rtl],[dir=rtl] .fd-col--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col--offset-8{margin-left:66.6666666667%}.fd-col--offset-8[dir=rtl],[dir=rtl] .fd-col--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col--offset-after-8{margin-right:66.6666666667%}.fd-col--offset-after-8[dir=rtl],[dir=rtl] .fd-col--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col--9{max-width:75%;min-width:75%}.fd-col--offset-9{margin-left:75%}.fd-col--offset-9[dir=rtl],[dir=rtl] .fd-col--offset-9{margin-left:0;margin-right:75%}.fd-col--offset-after-9{margin-right:75%}.fd-col--offset-after-9[dir=rtl],[dir=rtl] .fd-col--offset-after-9{margin-left:75%;margin-right:0}.fd-col--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col--offset-10{margin-left:83.3333333333%}.fd-col--offset-10[dir=rtl],[dir=rtl] .fd-col--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col--offset-after-10{margin-right:83.3333333333%}.fd-col--offset-after-10[dir=rtl],[dir=rtl] .fd-col--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col--offset-11{margin-left:91.6666666667%}.fd-col--offset-11[dir=rtl],[dir=rtl] .fd-col--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col--offset-after-11{margin-right:91.6666666667%}.fd-col--offset-after-11[dir=rtl],[dir=rtl] .fd-col--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col--12{max-width:100%;min-width:100%}.fd-col--offset-12{margin-left:100%}.fd-col--offset-12[dir=rtl],[dir=rtl] .fd-col--offset-12{margin-left:0;margin-right:100%}.fd-col--offset-after-12{margin-right:100%}.fd-col--offset-after-12[dir=rtl],[dir=rtl] .fd-col--offset-after-12{margin-left:100%;margin-right:0}.fd-col--full{flex:1;max-width:none;min-width:8.3333333333%}.fd-col--wrap{flex-wrap:wrap}@media (min-width: 600px){.fd-container{padding:0 .5rem}.fd-container .fd-row{margin-left:-.5rem;margin-right:-.5rem;min-width:calc(100% + 1rem)}.fd-container>.fd-row>.fd-col{padding-bottom:.5rem;padding-top:.5rem}.fd-col{padding-left:.5rem;padding-right:.5rem}.fd-col-md--0{max-width:0;min-width:0%}.fd-col-md--offset-0{margin-left:0}.fd-col-md--offset-0[dir=rtl],[dir=rtl] .fd-col-md--offset-0{margin-left:0;margin-right:0}.fd-col-md--offset-after-0{margin-right:0}.fd-col-md--offset-after-0[dir=rtl],[dir=rtl] .fd-col-md--offset-after-0{margin-left:0;margin-right:0}.fd-col-md--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-md--offset-1{margin-left:8.3333333333%}.fd-col-md--offset-1[dir=rtl],[dir=rtl] .fd-col-md--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-md--offset-after-1{margin-right:8.3333333333%}.fd-col-md--offset-after-1[dir=rtl],[dir=rtl] .fd-col-md--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-md--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-md--offset-2{margin-left:16.6666666667%}.fd-col-md--offset-2[dir=rtl],[dir=rtl] .fd-col-md--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-md--offset-after-2{margin-right:16.6666666667%}.fd-col-md--offset-after-2[dir=rtl],[dir=rtl] .fd-col-md--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-md--3{max-width:25%;min-width:25%}.fd-col-md--offset-3{margin-left:25%}.fd-col-md--offset-3[dir=rtl],[dir=rtl] .fd-col-md--offset-3{margin-left:0;margin-right:25%}.fd-col-md--offset-after-3{margin-right:25%}.fd-col-md--offset-after-3[dir=rtl],[dir=rtl] .fd-col-md--offset-after-3{margin-left:25%;margin-right:0}.fd-col-md--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-md--offset-4{margin-left:33.3333333333%}.fd-col-md--offset-4[dir=rtl],[dir=rtl] .fd-col-md--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-md--offset-after-4{margin-right:33.3333333333%}.fd-col-md--offset-after-4[dir=rtl],[dir=rtl] .fd-col-md--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-md--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-md--offset-5{margin-left:41.6666666667%}.fd-col-md--offset-5[dir=rtl],[dir=rtl] .fd-col-md--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-md--offset-after-5{margin-right:41.6666666667%}.fd-col-md--offset-after-5[dir=rtl],[dir=rtl] .fd-col-md--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-md--6{max-width:50%;min-width:50%}.fd-col-md--offset-6{margin-left:50%}.fd-col-md--offset-6[dir=rtl],[dir=rtl] .fd-col-md--offset-6{margin-left:0;margin-right:50%}.fd-col-md--offset-after-6{margin-right:50%}.fd-col-md--offset-after-6[dir=rtl],[dir=rtl] .fd-col-md--offset-after-6{margin-left:50%;margin-right:0}.fd-col-md--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-md--offset-7{margin-left:58.3333333333%}.fd-col-md--offset-7[dir=rtl],[dir=rtl] .fd-col-md--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-md--offset-after-7{margin-right:58.3333333333%}.fd-col-md--offset-after-7[dir=rtl],[dir=rtl] .fd-col-md--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-md--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-md--offset-8{margin-left:66.6666666667%}.fd-col-md--offset-8[dir=rtl],[dir=rtl] .fd-col-md--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-md--offset-after-8{margin-right:66.6666666667%}.fd-col-md--offset-after-8[dir=rtl],[dir=rtl] .fd-col-md--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-md--9{max-width:75%;min-width:75%}.fd-col-md--offset-9{margin-left:75%}.fd-col-md--offset-9[dir=rtl],[dir=rtl] .fd-col-md--offset-9{margin-left:0;margin-right:75%}.fd-col-md--offset-after-9{margin-right:75%}.fd-col-md--offset-after-9[dir=rtl],[dir=rtl] .fd-col-md--offset-after-9{margin-left:75%;margin-right:0}.fd-col-md--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-md--offset-10{margin-left:83.3333333333%}.fd-col-md--offset-10[dir=rtl],[dir=rtl] .fd-col-md--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-md--offset-after-10{margin-right:83.3333333333%}.fd-col-md--offset-after-10[dir=rtl],[dir=rtl] .fd-col-md--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-md--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-md--offset-11{margin-left:91.6666666667%}.fd-col-md--offset-11[dir=rtl],[dir=rtl] .fd-col-md--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-md--offset-after-11{margin-right:91.6666666667%}.fd-col-md--offset-after-11[dir=rtl],[dir=rtl] .fd-col-md--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-md--12{max-width:100%;min-width:100%}.fd-col-md--offset-12{margin-left:100%}.fd-col-md--offset-12[dir=rtl],[dir=rtl] .fd-col-md--offset-12{margin-left:0;margin-right:100%}.fd-col-md--offset-after-12{margin-right:100%}.fd-col-md--offset-after-12[dir=rtl],[dir=rtl] .fd-col-md--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width: 1024px){.fd-col-lg--0{max-width:0;min-width:0%}.fd-col-lg--offset-0{margin-left:0}.fd-col-lg--offset-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-0{margin-left:0;margin-right:0}.fd-col-lg--offset-after-0{margin-right:0}.fd-col-lg--offset-after-0[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-0{margin-left:0;margin-right:0}.fd-col-lg--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-lg--offset-1{margin-left:8.3333333333%}.fd-col-lg--offset-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-lg--offset-after-1{margin-right:8.3333333333%}.fd-col-lg--offset-after-1[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-lg--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-lg--offset-2{margin-left:16.6666666667%}.fd-col-lg--offset-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-lg--offset-after-2{margin-right:16.6666666667%}.fd-col-lg--offset-after-2[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-lg--3{max-width:25%;min-width:25%}.fd-col-lg--offset-3{margin-left:25%}.fd-col-lg--offset-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-3{margin-left:0;margin-right:25%}.fd-col-lg--offset-after-3{margin-right:25%}.fd-col-lg--offset-after-3[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-3{margin-left:25%;margin-right:0}.fd-col-lg--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-lg--offset-4{margin-left:33.3333333333%}.fd-col-lg--offset-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-lg--offset-after-4{margin-right:33.3333333333%}.fd-col-lg--offset-after-4[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-lg--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-lg--offset-5{margin-left:41.6666666667%}.fd-col-lg--offset-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-lg--offset-after-5{margin-right:41.6666666667%}.fd-col-lg--offset-after-5[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-lg--6{max-width:50%;min-width:50%}.fd-col-lg--offset-6{margin-left:50%}.fd-col-lg--offset-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-6{margin-left:0;margin-right:50%}.fd-col-lg--offset-after-6{margin-right:50%}.fd-col-lg--offset-after-6[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-6{margin-left:50%;margin-right:0}.fd-col-lg--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-lg--offset-7{margin-left:58.3333333333%}.fd-col-lg--offset-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-lg--offset-after-7{margin-right:58.3333333333%}.fd-col-lg--offset-after-7[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-lg--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-lg--offset-8{margin-left:66.6666666667%}.fd-col-lg--offset-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-lg--offset-after-8{margin-right:66.6666666667%}.fd-col-lg--offset-after-8[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-lg--9{max-width:75%;min-width:75%}.fd-col-lg--offset-9{margin-left:75%}.fd-col-lg--offset-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-9{margin-left:0;margin-right:75%}.fd-col-lg--offset-after-9{margin-right:75%}.fd-col-lg--offset-after-9[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-9{margin-left:75%;margin-right:0}.fd-col-lg--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-lg--offset-10{margin-left:83.3333333333%}.fd-col-lg--offset-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-lg--offset-after-10{margin-right:83.3333333333%}.fd-col-lg--offset-after-10[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-lg--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-lg--offset-11{margin-left:91.6666666667%}.fd-col-lg--offset-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-lg--offset-after-11{margin-right:91.6666666667%}.fd-col-lg--offset-after-11[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-lg--12{max-width:100%;min-width:100%}.fd-col-lg--offset-12{margin-left:100%}.fd-col-lg--offset-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-12{margin-left:0;margin-right:100%}.fd-col-lg--offset-after-12{margin-right:100%}.fd-col-lg--offset-after-12[dir=rtl],[dir=rtl] .fd-col-lg--offset-after-12{margin-left:100%;margin-right:0}}@media (min-width: 1440px){.fd-col-xl--0{max-width:0;min-width:0%}.fd-col-xl--offset-0{margin-left:0}.fd-col-xl--offset-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-0{margin-left:0;margin-right:0}.fd-col-xl--offset-after-0{margin-right:0}.fd-col-xl--offset-after-0[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-0{margin-left:0;margin-right:0}.fd-col-xl--1{max-width:8.3333333333%;min-width:8.3333333333%}.fd-col-xl--offset-1{margin-left:8.3333333333%}.fd-col-xl--offset-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-1{margin-left:0;margin-right:8.3333333333%}.fd-col-xl--offset-after-1{margin-right:8.3333333333%}.fd-col-xl--offset-after-1[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-1{margin-left:8.3333333333%;margin-right:0}.fd-col-xl--2{max-width:16.6666666667%;min-width:16.6666666667%}.fd-col-xl--offset-2{margin-left:16.6666666667%}.fd-col-xl--offset-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-2{margin-left:0;margin-right:16.6666666667%}.fd-col-xl--offset-after-2{margin-right:16.6666666667%}.fd-col-xl--offset-after-2[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-2{margin-left:16.6666666667%;margin-right:0}.fd-col-xl--3{max-width:25%;min-width:25%}.fd-col-xl--offset-3{margin-left:25%}.fd-col-xl--offset-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-3{margin-left:0;margin-right:25%}.fd-col-xl--offset-after-3{margin-right:25%}.fd-col-xl--offset-after-3[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-3{margin-left:25%;margin-right:0}.fd-col-xl--4{max-width:33.3333333333%;min-width:33.3333333333%}.fd-col-xl--offset-4{margin-left:33.3333333333%}.fd-col-xl--offset-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-4{margin-left:0;margin-right:33.3333333333%}.fd-col-xl--offset-after-4{margin-right:33.3333333333%}.fd-col-xl--offset-after-4[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-4{margin-left:33.3333333333%;margin-right:0}.fd-col-xl--5{max-width:41.6666666667%;min-width:41.6666666667%}.fd-col-xl--offset-5{margin-left:41.6666666667%}.fd-col-xl--offset-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-5{margin-left:0;margin-right:41.6666666667%}.fd-col-xl--offset-after-5{margin-right:41.6666666667%}.fd-col-xl--offset-after-5[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-5{margin-left:41.6666666667%;margin-right:0}.fd-col-xl--6{max-width:50%;min-width:50%}.fd-col-xl--offset-6{margin-left:50%}.fd-col-xl--offset-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-6{margin-left:0;margin-right:50%}.fd-col-xl--offset-after-6{margin-right:50%}.fd-col-xl--offset-after-6[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-6{margin-left:50%;margin-right:0}.fd-col-xl--7{max-width:58.3333333333%;min-width:58.3333333333%}.fd-col-xl--offset-7{margin-left:58.3333333333%}.fd-col-xl--offset-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-7{margin-left:0;margin-right:58.3333333333%}.fd-col-xl--offset-after-7{margin-right:58.3333333333%}.fd-col-xl--offset-after-7[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-7{margin-left:58.3333333333%;margin-right:0}.fd-col-xl--8{max-width:66.6666666667%;min-width:66.6666666667%}.fd-col-xl--offset-8{margin-left:66.6666666667%}.fd-col-xl--offset-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-8{margin-left:0;margin-right:66.6666666667%}.fd-col-xl--offset-after-8{margin-right:66.6666666667%}.fd-col-xl--offset-after-8[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-8{margin-left:66.6666666667%;margin-right:0}.fd-col-xl--9{max-width:75%;min-width:75%}.fd-col-xl--offset-9{margin-left:75%}.fd-col-xl--offset-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-9{margin-left:0;margin-right:75%}.fd-col-xl--offset-after-9{margin-right:75%}.fd-col-xl--offset-after-9[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-9{margin-left:75%;margin-right:0}.fd-col-xl--10{max-width:83.3333333333%;min-width:83.3333333333%}.fd-col-xl--offset-10{margin-left:83.3333333333%}.fd-col-xl--offset-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-10{margin-left:0;margin-right:83.3333333333%}.fd-col-xl--offset-after-10{margin-right:83.3333333333%}.fd-col-xl--offset-after-10[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-10{margin-left:83.3333333333%;margin-right:0}.fd-col-xl--11{max-width:91.6666666667%;min-width:91.6666666667%}.fd-col-xl--offset-11{margin-left:91.6666666667%}.fd-col-xl--offset-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-11{margin-left:0;margin-right:91.6666666667%}.fd-col-xl--offset-after-11{margin-right:91.6666666667%}.fd-col-xl--offset-after-11[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-11{margin-left:91.6666666667%;margin-right:0}.fd-col-xl--12{max-width:100%;min-width:100%}.fd-col-xl--offset-12{margin-left:100%}.fd-col-xl--offset-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-12{margin-left:0;margin-right:100%}.fd-col-xl--offset-after-12{margin-right:100%}.fd-col-xl--offset-after-12[dir=rtl],[dir=rtl] .fd-col-xl--offset-after-12{margin-left:100%;margin-right:0}}/*!\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 *//*!\n.fd-grid-list\n*/.fd-grid-list{-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-grid-list:after,.fd-grid-list:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__radio-input{height:1rem;width:1rem}.fd-grid-list .fd-grid-list__radio-input+.fd-grid-list__radio-label.is-empty,.fd-grid-list .fd-grid-list__radio-input+.fd-grid-list__radio-label:empty{align-self:center}.fd-grid-list .fd-grid-list__checkbox-input{height:1rem;width:1rem}.fd-grid-list .fd-grid-list__checkbox-input+.fd-grid-list__checkbox-label.is-empty,.fd-grid-list .fd-grid-list__checkbox-input+.fd-grid-list__checkbox-label:empty{align-self:center}.fd-grid-list .fd-grid-list__item{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapList_Background);border:0;border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);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;outline:none;overflow:hidden;padding:0;position:relative}.fd-grid-list .fd-grid-list__item:after,.fd-grid-list .fd-grid-list__item:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item.is-focus,.fd-grid-list .fd-grid-list__item:focus{z-index:5}.fd-grid-list .fd-grid-list__item.is-focus:before,.fd-grid-list .fd-grid-list__item:focus:before{-webkit-box-shadow:var(--fdGrid_List_Item_Focus_Box_Shadow);border:var(--fdGrid_List_Item_Focus_Border);border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--fdGrid_List_Item_Focus_Box_Shadow);content:\"\";display:block;inset:var(--fdGrid_List_Item_Focus_Outline_Offset);pointer-events:none;position:absolute;z-index:1}.fd-grid-list .fd-grid-list__item--height-auto{height:auto}.fd-grid-list .fd-grid-list__item--unread .fd-grid-list__item-body *{font-weight:700}.fd-grid-list .fd-grid-list__item--link{cursor:pointer}.fd-grid-list .fd-grid-list__item--link.is-hover,.fd-grid-list .fd-grid-list__item--link:hover{-webkit-box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color);background-color:var(--sapList_Hover_Background);box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color)}.fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected),.fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected){background-color:var(--sapList_Active_Background)}.fd-grid-list .fd-grid-list__item--link.is-active:not([aria-selected=true],.is-selected) *,.fd-grid-list .fd-grid-list__item--link:active:not([aria-selected=true],.is-selected) *{color:var(--sapList_Active_TextColor)!important;text-shadow:none!important}.fd-grid-list .fd-grid-list__item--link.is-selected,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]{-webkit-box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor);background-color:var(--sapList_SelectionBackgroundColor);box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor)}.fd-grid-list .fd-grid-list__item--link.is-selected.is-hover,.fd-grid-list .fd-grid-list__item--link.is-selected:hover,.fd-grid-list .fd-grid-list__item--link[aria-selected=true].is-hover,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]:hover{background-color:var(--sapList_Hover_SelectionBackground)}.fd-grid-list .fd-grid-list__item--link.is-navigated:after{background-color:var(--sapList_SelectionBorderColor);border-radius:0 var(--fdGrid_List_Item_Border_Radius) var(--fdGrid_List_Item_Border_Radius) 0;content:\"\";display:block;height:100%;position:absolute;right:0;top:0;width:.1875rem}.fd-grid-list .fd-grid-list__item--link.is-selected:before,.fd-grid-list .fd-grid-list__item--link[aria-selected=true]:before{border-color:var(--sapList_SelectionBackgroundColor)}.fd-grid-list .fd-grid-list__item-toolbar{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;-webkit-box-shadow:var(--fdGrid_List_Item_Toolbar_Shadow);align-items:center;border:none;box-shadow:var(--fdGrid_List_Item_Toolbar_Shadow);display:flex;flex-shrink:0;padding:0 1rem}.fd-grid-list .fd-grid-list__item-body{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;word-break:break-word}.fd-grid-list .fd-grid-list__item-body:after,.fd-grid-list .fd-grid-list__item-body:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-body--no-padding{padding:0}.fd-grid-list .fd-grid-list__item-body-actions{-webkit-box-sizing:border-box;-ms-flex-preferred-size:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;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:1rem 0 0;order:1;padding:0}.fd-grid-list .fd-grid-list__item-body-actions:after,.fd-grid-list .fd-grid-list__item-body-actions:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-header{-webkit-box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 100%;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex:0 0 100%;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list .fd-grid-list__item-header:after,.fd-grid-list .fd-grid-list__item-header:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-header+.fd-grid-list__item-content{padding-top:1rem}.fd-grid-list .fd-grid-list__item-image{margin-right:.75rem}.fd-grid-list .fd-grid-list__item-image[dir=rtl],[dir=rtl] .fd-grid-list .fd-grid-list__item-image{margin-left:.75rem;margin-right:0}.fd-grid-list .fd-grid-list__item-image+.fd-grid-list__item-content,.fd-grid-list .fd-grid-list__item-image+.fd-grid-list__item-header{max-width:calc(100% - 3.75rem)}.fd-grid-list .fd-grid-list__item-title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.125rem 0 0;padding:0;white-space:normal}.fd-grid-list .fd-grid-list__item-title:after,.fd-grid-list .fd-grid-list__item-title:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-subtitle{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:.5rem 0 .125rem;padding:0}.fd-grid-list .fd-grid-list__item-subtitle:after,.fd-grid-list .fd-grid-list__item-subtitle:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-grid-list .fd-grid-list__item-content:after,.fd-grid-list .fd-grid-list__item-content:before{box-sizing:inherit;font-size:inherit}.fd-grid-list .fd-grid-list__item-counter{color:var(--sapContent_MarkerTextColor)}.fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;color:var(--sapContent_NonInteractiveIconColor);display:flex;justify-content:center;margin-left:0;margin-right:-1rem;width:2.5rem}.fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator[dir=rtl],[dir=rtl] .fd-grid-list .fd-grid-list__item .fd-grid-list__item-navigation-indicator{-webkit-transform:rotate(180deg);margin-left:-1rem;margin-right:0;transform:rotate(180deg)}.fd-grid-list__group-header{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_GroupHeaderTextColo);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader5Size);font-weight:400;font-weight:700;height:2rem;line-height:var(--sapContent_LineHeight);line-height:2rem;margin:.75rem 0 0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-grid-list__group-header:after,.fd-grid-list__group-header:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__group-header.is-focus,.fd-grid-list__group-header:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__group-header--no-margin{margin-top:0}.fd-grid-list__more{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow0);background-color:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdGrid_List_Item_Border_Radius);box-shadow:var(--sapContent_Shadow0);box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:.813rem;text-align:center}.fd-grid-list__more:after,.fd-grid-list__more:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more.is-focus,.fd-grid-list__more:focus{outline-color:var(--sapContent_FocusColor);outline-offset:-.1875rem;outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__more-title{-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;font-weight:700;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list__more-title:after,.fd-grid-list__more-title:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more-description{-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:.813rem 0 0;padding:0}.fd-grid-list__more-description:after,.fd-grid-list__more-description:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__more-description,.fd-grid-list__more-title{color:var(--sapLink_Visited_Color)}.fd-grid-list__more.is-hover,.fd-grid-list__more:hover{background-color:var(--sapList_Hover_Background)}.fd-grid-list__more.is-active,.fd-grid-list__more:active{background-color:var(--sapList_Active_Background)}.fd-grid-list__more.is-active-description,.fd-grid-list__more.is-active-title,.fd-grid-list__more:active-description,.fd-grid-list__more:active-title{color:var(--sapList_Active_TextColor)}.fd-grid-list__footer{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_FooterTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-grid-list__footer:after,.fd-grid-list__footer:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__footer.is-focus,.fd-grid-list__footer:focus{outline-color:var(--sapContent_FocusColor);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth)}.fd-grid-list__highlight{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdGrid_List_Item_Border_Radius) 0 0 var(--fdGrid_List_Item_Border_Radius);bottom:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;left:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;top:0;width:.375rem}.fd-grid-list__highlight:after,.fd-grid-list__highlight:before{box-sizing:inherit;font-size:inherit}.fd-grid-list__highlight[dir=rtl],[dir=rtl] .fd-grid-list__highlight{right:0}.fd-grid-list__highlight--positive{background-color:var(--sapSuccessBorderColor)}.fd-grid-list__highlight--negative{background-color:var(--sapErrorBorderColor)}.fd-grid-list__highlight--critical{background-color:var(--sapWarningBorderColor)}.fd-grid-list__highlight--neutral{background-color:var(--sapNeutralBorderColor)}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label{color:var(--sapContent_LabelColor);display:flex;flex-direction:row}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:-.5rem}.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-multi-select .fd-grid-list__item .fd-grid-list__radio-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-left .fd-grid-list__item .fd-grid-list__radio-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__checkbox-label:empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:0;margin-right:-.5rem}.fd-grid-list--mode-single-select .fd-grid-list__item{cursor:pointer}.fd-grid-list--mode-single-select .fd-grid-list__item.is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item:hover{-webkit-box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color);background-color:var(--sapList_Hover_Background);box-shadow:0 0 0 .0625rem var(--fdGrid_List_Item_Hover_Border_Color)}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]{-webkit-box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor);background-color:var(--sapList_SelectionBackgroundColor);box-shadow:0 0 0 .125rem var(--sapList_SelectionBorderColor)}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected.is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:hover,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true].is-hover,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:hover{background-color:var(--sapList_Hover_SelectionBackground)}.fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-input{height:100%;width:100%;z-index:-1}.fd-grid-list--mode-single-select .fd-grid-list__item .fd-grid-list__radio-label{display:none}.fd-grid-list--mode-single-select .fd-grid-list__item.is-selected:before,.fd-grid-list--mode-single-select .fd-grid-list__item[aria-selected=true]:before{border-color:var(--sapList_SelectionBackgroundColor)}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-input{right:1rem}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label{order:1}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:.5rem;margin-right:-.5rem}.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty[dir=rtl],.fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty[dir=rtl],[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label.is-empty,[dir=rtl] .fd-grid-list--mode-single-select-right .fd-grid-list__item .fd-grid-list__radio-label:empty{margin-left:-.5rem;margin-right:.5rem}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"] }]
+            args: [{ selector: 'fd-grid-list', encapsulation: ViewEncapsulation.None, providers: [{ provide: GridList, useExisting: GridListComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    [id]=\"id\"\n    [style.width]=\"width\"\n    class=\"fd-grid-list\"\n    [attr.aria-label]=\"ariaLabel\"\n    [class.fd-grid-list--mode-delete]=\"selectionMode === 'delete'\"\n    [class.fd-grid-list--mode-single-select]=\"selectionMode === 'singleSelect'\"\n    [class.fd-grid-list--mode-single-select-left]=\"selectionMode === 'singleSelectLeft'\"\n    [class.fd-grid-list--mode-single-select-right]=\"selectionMode === 'singleSelectRight'\"\n    [class.fd-grid-list--mode-multi-select]=\"selectionMode === 'multiSelect'\"\n>\n    <div class=\"fd-container\" role=\"listbox\">\n        <div class=\"fd-row\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["@import\"~fundamental-styles/dist/radio.css\";@import\"~fundamental-styles/dist/checkbox.css\";@import\"~fundamental-styles/dist/layout-grid.css\";@import\"~fundamental-styles/dist/grid-list.css\";\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
                 type: Input
             }], width: [{
@@ -649,9 +649,9 @@ class GridListFilterBarComponent {
         this.close = new EventEmitter();
     }
 }
-GridListFilterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListFilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListFilterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListFilterBarComponent, selector: "fd-grid-list-filter-bar", outputs: { close: "close" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<fd-toolbar\n    fdType=\"info\"\n    [active]=\"true\"\n    [tabindex]=\"0\"\n    class=\"fd-grid-list__filter\"\n    [attr.aria-label]=\"'coreGridList.filterBarCancelButtonTitle' | fdTranslate\"\n    (click)=\"close.emit()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    (keyup.space)=\"close.emit()\"\n    (keydown.enter)=\"close.emit()\"\n>\n    <ng-content></ng-content>\n\n    <fd-toolbar-spacer></fd-toolbar-spacer>\n\n    <fd-icon glyph=\"decline\"></fd-icon>\n</fd-toolbar>\n", dependencies: [{ kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i2$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: i2$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListFilterBarComponent, decorators: [{
+GridListFilterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListFilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListFilterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListFilterBarComponent, selector: "fd-grid-list-filter-bar", outputs: { close: "close" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<fd-toolbar\n    fdType=\"info\"\n    [active]=\"true\"\n    [tabindex]=\"0\"\n    class=\"fd-grid-list__filter\"\n    [attr.aria-label]=\"'coreGridList.filterBarCancelButtonTitle' | fdTranslate\"\n    (click)=\"close.emit()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    (keyup.space)=\"close.emit()\"\n    (keydown.enter)=\"close.emit()\"\n>\n    <ng-content></ng-content>\n\n    <fd-toolbar-spacer></fd-toolbar-spacer>\n\n    <fd-icon glyph=\"decline\"></fd-icon>\n</fd-toolbar>\n", dependencies: [{ kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i2$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "component", type: i2$1.ToolbarSpacerComponent, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "pipe", type: i10.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListFilterBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-filter-bar', host: {
                         class: 'fd-col fd-col--12'
@@ -662,9 +662,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListFooterComponent {
 }
-GridListFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListFooterComponent, selector: "fd-grid-list-footer", host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div tabindex=\"0\" class=\"fd-grid-list__footer\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListFooterComponent, decorators: [{
+GridListFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListFooterComponent, selector: "fd-grid-list-footer", host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div tabindex=\"0\" class=\"fd-grid-list__footer\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-footer', host: {
                         class: 'fd-col fd-col--12'
@@ -673,9 +673,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListGroupHeaderComponent {
 }
-GridListGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListGroupHeaderComponent, selector: "fd-grid-list-group-header", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div class=\"fd-grid-list__group-header fd-grid-list__group-header--no-margin\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListGroupHeaderComponent, decorators: [{
+GridListGroupHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListGroupHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListGroupHeaderComponent, selector: "fd-grid-list-group-header", inputs: { ariaLabel: "ariaLabel" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div class=\"fd-grid-list__group-header fd-grid-list__group-header--no-margin\" [attr.aria-label]=\"ariaLabel\">\n    <ng-content></ng-content>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListGroupHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-group-header', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-col fd-col--12'
@@ -698,9 +698,9 @@ class GridListMoreBtnComponent {
         this.showMore.emit();
     }
 }
-GridListMoreBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListMoreBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListMoreBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListMoreBtnComponent, selector: "fd-grid-list-more-btn", inputs: { title: "title", totalCount: "totalCount", displayCount: "displayCount" }, outputs: { showMore: "showMore" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div tabindex=\"0\" role=\"button\" class=\"fd-grid-list__more\" (keydown)=\"_onKeyDown($event)\" (click)=\"showMore.emit()\">\n    <h5 class=\"fd-title fd-title--h6 fd-grid-list__more-title\" [innerText]=\"title\"></h5>\n    <p class=\"fd-grid-list__more-description\" [innerText]=\"'[ ' + displayCount + ' / ' + totalCount + ' ]'\"></p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListMoreBtnComponent, decorators: [{
+GridListMoreBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListMoreBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListMoreBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListMoreBtnComponent, selector: "fd-grid-list-more-btn", inputs: { title: "title", totalCount: "totalCount", displayCount: "displayCount" }, outputs: { showMore: "showMore" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<div tabindex=\"0\" role=\"button\" class=\"fd-grid-list__more\" (keydown)=\"_onKeyDown($event)\" (click)=\"showMore.emit()\">\n    <h5 class=\"fd-title fd-title--h6 fd-grid-list__more-title\" [innerText]=\"title\"></h5>\n    <p class=\"fd-grid-list__more-description\" [innerText]=\"'[ ' + displayCount + ' / ' + totalCount + ' ]'\"></p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListMoreBtnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-more-btn', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-col fd-col--12'
@@ -717,9 +717,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListTitleBarComponent {
 }
-GridListTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: GridListTitleBarComponent, selector: "fd-grid-list-title-bar", inputs: { title: "title" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<fd-toolbar fdType=\"solid\">\n    <label fd-toolbar-label>\n        {{ title }}\n        <ng-content select=\"[fd-grid-list-title-bar-additional-title-item]\"></ng-content>\n    </label>\n\n    <ng-content></ng-content>\n</fd-toolbar>\n", dependencies: [{ kind: "component", type: i2$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i2$1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarComponent, decorators: [{
+GridListTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: GridListTitleBarComponent, selector: "fd-grid-list-title-bar", inputs: { title: "title" }, host: { classAttribute: "fd-col fd-col--12" }, ngImport: i0, template: "<fd-toolbar fdType=\"solid\">\n    <label fd-toolbar-label>\n        {{ title }}\n        <ng-content select=\"[fd-grid-list-title-bar-additional-title-item]\"></ng-content>\n    </label>\n\n    <ng-content></ng-content>\n</fd-toolbar>\n", dependencies: [{ kind: "component", type: i2$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i2$1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-title-bar', host: {
                         class: 'fd-col fd-col--12'
@@ -730,9 +730,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListTitleBarAdditionalTitleItemDirective {
 }
-GridListTitleBarAdditionalTitleItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-GridListTitleBarAdditionalTitleItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: GridListTitleBarAdditionalTitleItemDirective, selector: "[fd-grid-list-title-bar-additional-title-item]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, decorators: [{
+GridListTitleBarAdditionalTitleItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+GridListTitleBarAdditionalTitleItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: GridListTitleBarAdditionalTitleItemDirective, selector: "[fd-grid-list-title-bar-additional-title-item]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -742,9 +742,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListItemImageDirective {
 }
-GridListItemImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-GridListItemImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: GridListItemImageDirective, selector: "[fd-grid-list-item-image]", host: { classAttribute: "fd-grid-list__item-image" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListItemImageDirective, decorators: [{
+GridListItemImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+GridListItemImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: GridListItemImageDirective, selector: "[fd-grid-list-item-image]", host: { classAttribute: "fd-grid-list__item-image" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListItemImageDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -757,8 +757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
 class GridListModule {
 }
-GridListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: GridListModule, declarations: [GridListComponent,
+GridListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.2", ngImport: i0, type: GridListModule, declarations: [GridListComponent,
         GridListItemComponent,
         GridListTitleBarComponent,
         GridListFilterBarComponent,
@@ -790,7 +790,7 @@ GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         GridListTitleBarAdditionalTitleItemDirective,
         GridListItemImageDirective,
         GridListItemBodyDirective] });
-GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListModule, imports: [CommonModule,
+GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListModule, imports: [CommonModule,
         FormsModule,
         ButtonModule,
         IconModule,
@@ -798,7 +798,7 @@ GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         ToolbarModule,
         ObjectStatusModule,
         I18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: GridListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: GridListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [