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

package/esm2020/grid-list/components/grid-list-item/grid-list-item.component.mjs

@@ -296,9 +296,9 @@ export class GridListItemComponent {
         }
     }
 }
-GridListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.GridList }], target: i0.ɵɵFactoryTarget.Component });
-GridListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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--critical]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--negative]=\"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            >{{ counter }}</span\n        >\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 is-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 is-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 class=\"fd-checkbox__label fd-grid-list__checkbox-label\" [for]=\"id + '-checkbox'\" tabindex=\"-1\">\n        <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\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: i9.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.2.8", ngImport: i0, type: GridListItemComponent, decorators: [{
+GridListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.GridList }], target: i0.ɵɵFactoryTarget.Component });
+GridListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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--critical]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--negative]=\"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            >{{ counter }}</span\n        >\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 is-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 is-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 class=\"fd-checkbox__label fd-grid-list__checkbox-label\" [for]=\"id + '-checkbox'\" tabindex=\"-1\">\n        <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\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: i9.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.2.9", 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--critical]=\"status === 'warning'\"\n        [class.fd-grid-list__highlight--negative]=\"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            >{{ counter }}</span\n        >\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 is-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 is-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 class=\"fd-checkbox__label fd-grid-list__checkbox-label\" [for]=\"id + '-checkbox'\" tabindex=\"-1\">\n        <span class=\"fd-checkbox__checkmark\" aria-hidden=\"true\"></span>\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: i1.GridList }]; }, propDecorators: { id: [{

package/esm2020/grid-list/components/grid-list-item-footer-bar/grid-list-item-footer-bar.component.mjs

@@ -2,9 +2,9 @@ import { Component, ViewChild, TemplateRef, ChangeDetectionStrategy } from '@ang
 import * as i0 from "@angular/core";
 export class GridListItemFooterBarComponent {
 }
-GridListItemFooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListItemFooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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.2.8", ngImport: i0, type: GridListItemFooterBarComponent, decorators: [{
+GridListItemFooterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemFooterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListItemFooterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.2.9", 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: [{

package/esm2020/grid-list/components/grid-list-item-toolbar/grid-list-item-toolbar.component.mjs

@@ -2,9 +2,9 @@ import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@ang
 import * as i0 from "@angular/core";
 export class GridListItemToolbarComponent {
 }
-GridListItemToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListItemToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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.2.8", ngImport: i0, type: GridListItemToolbarComponent, decorators: [{
+GridListItemToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListItemToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.2.9", 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: [{

package/esm2020/grid-list/components/grid-list-more-btn/grid-list-more-btn.component.mjs

@@ -16,9 +16,9 @@ export class GridListMoreBtnComponent {
         this.showMore.emit();
     }
 }
-GridListMoreBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListMoreBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListMoreBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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\">{{ title }}</h5>\n    <p class=\"fd-grid-list__more-description\">{{ '[ ' + displayCount + ' / ' + totalCount + ' ]' }}</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListMoreBtnComponent, decorators: [{
+GridListMoreBtnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListMoreBtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListMoreBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\">{{ title }}</h5>\n    <p class=\"fd-grid-list__more-description\">{{ '[ ' + displayCount + ' / ' + totalCount + ' ]' }}</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListMoreBtnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-more-btn', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'fd-col fd-col--12'

package/esm2020/grid-list/components/grid-list-title-bar/grid-list-title-bar.component.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@fundamental-ngx/core/toolbar";
 export class GridListTitleBarComponent {
 }
-GridListTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListTitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridListTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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: i1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListTitleBarComponent, decorators: [{
+GridListTitleBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListTitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridListTitleBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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: i1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "hasTitle", "title", "active", "clearBorder", "forceOverflow", "tabindex"] }, { kind: "directive", type: i1.ToolbarLabelDirective, selector: "[fd-toolbar-label]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListTitleBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-grid-list-title-bar', host: {
                         class: 'fd-col fd-col--12'

package/esm2020/grid-list/components/grid-list-title-bar/grid-list-title-bar.directive.mjs

@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class GridListTitleBarAdditionalTitleItemDirective {
 }
-GridListTitleBarAdditionalTitleItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-GridListTitleBarAdditionalTitleItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: GridListTitleBarAdditionalTitleItemDirective, selector: "[fd-grid-list-title-bar-additional-title-item]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, decorators: [{
+GridListTitleBarAdditionalTitleItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+GridListTitleBarAdditionalTitleItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: GridListTitleBarAdditionalTitleItemDirective, selector: "[fd-grid-list-title-bar-additional-title-item]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListTitleBarAdditionalTitleItemDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/grid-list/components/grid-list-title-bar-spacer/grid-list-title-bar-spacer.component.mjs

@@ -3,9 +3,9 @@ import { ToolbarSpacerDirective } from '@fundamental-ngx/core/toolbar';
 import * as i0 from "@angular/core";
 export class GridListTitleBarSpacerComponent extends ToolbarSpacerDirective {
 }
-GridListTitleBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListTitleBarSpacerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GridListTitleBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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.2.8", ngImport: i0, type: GridListTitleBarSpacerComponent, decorators: [{
+GridListTitleBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListTitleBarSpacerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GridListTitleBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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.2.9", ngImport: i0, type: GridListTitleBarSpacerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-grid-list-title-bar-spacer',

package/esm2020/grid-list/directives/grid-list-item-body.directive.mjs

@@ -6,9 +6,9 @@ export class GridListItemBodyDirective {
         this.templateRef = templateRef;
     }
 }
-GridListItemBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemBodyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-GridListItemBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: GridListItemBodyDirective, selector: "[fd-grid-list-item-body]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemBodyDirective, decorators: [{
+GridListItemBodyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemBodyDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+GridListItemBodyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: GridListItemBodyDirective, selector: "[fd-grid-list-item-body]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/grid-list/directives/grid-list-item-image.directive.mjs

@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class GridListItemImageDirective {
 }
-GridListItemImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListItemImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-GridListItemImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", 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.2.8", ngImport: i0, type: GridListItemImageDirective, decorators: [{
+GridListItemImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListItemImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+GridListItemImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", 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.2.9", ngImport: i0, type: GridListItemImageDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2020/grid-list/grid-list.module.mjs

@@ -23,8 +23,8 @@ import { GridListItemImageDirective } from './directives/grid-list-item-image.di
 import * as i0 from "@angular/core";
 export class GridListModule {
 }
-GridListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: GridListModule, declarations: [GridListComponent,
+GridListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: GridListModule, declarations: [GridListComponent,
         GridListItemComponent,
         GridListTitleBarComponent,
         GridListFilterBarComponent,
@@ -56,7 +56,7 @@ GridListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         GridListTitleBarAdditionalTitleItemDirective,
         GridListItemImageDirective,
         GridListItemBodyDirective] });
-GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListModule, imports: [CommonModule,
+GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListModule, imports: [CommonModule,
         FormsModule,
         ButtonModule,
         IconModule,
@@ -64,7 +64,7 @@ GridListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         ToolbarModule,
         ObjectStatusModule,
         I18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: GridListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GridListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/icon/icon.component.mjs

@@ -49,8 +49,8 @@ export class IconComponent {
         ];
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IconComponent, selector: "fd-icon", inputs: { glyph: "glyph", font: "font", class: "class", ariaLabel: "ariaLabel" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.fd-list__navigation-item-icon": "this._navigationItemIcon" } }, providers: [
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconComponent, selector: "fd-icon", inputs: { glyph: "glyph", font: "font", class: "class", ariaLabel: "ariaLabel" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.fd-list__navigation-item-icon": "this._navigationItemIcon" } }, providers: [
         {
             provide: FD_ICON_COMPONENT,
             useExisting: IconComponent
@@ -62,7 +62,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], IconComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-icon', template: ``, providers: [
                         {

package/esm2020/icon/icon.module.mjs

@@ -4,10 +4,10 @@ import { IconComponent } from './icon.component';
 import * as i0 from "@angular/core";
 export class IconModule {
 }
-IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IconModule, decorators: [{
+IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],

package/esm2020/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.mjs

@@ -2,9 +2,9 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
 export class IllustratedMessageActionsComponent {
 }
-IllustratedMessageActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IllustratedMessageActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IllustratedMessageActionsComponent, selector: "fd-illustrated-message-actions", host: { classAttribute: "fd-illustrated-message__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageActionsComponent, decorators: [{
+IllustratedMessageActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IllustratedMessageActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IllustratedMessageActionsComponent, selector: "fd-illustrated-message-actions", host: { classAttribute: "fd-illustrated-message__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-illustrated-message-actions',

package/esm2020/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.mjs

@@ -2,12 +2,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
 export class IllustratedMessageFigcaptionComponent {
 }
-IllustratedMessageFigcaptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageFigcaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IllustratedMessageFigcaptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]", host: { classAttribute: "fd-illustrated-message__figcaption" }, ngImport: i0, template: `
+IllustratedMessageFigcaptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageFigcaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IllustratedMessageFigcaptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IllustratedMessageFigcaptionComponent, selector: "[fd-illustrated-message-figcaption]", host: { classAttribute: "fd-illustrated-message__figcaption" }, ngImport: i0, template: `
         <ng-content select="[fd-illustrated-message-title]"></ng-content>
         <ng-content select="[fd-illustrated-message-text]"></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageFigcaptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageFigcaptionComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/esm2020/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.mjs

@@ -6,9 +6,9 @@ export class IllustratedMessageTextDirective {
         this.fdIllustratedMessageTextClass = true;
     }
 }
-IllustratedMessageTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-IllustratedMessageTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]", host: { properties: { "class.fd-illustrated-message__text": "this.fdIllustratedMessageTextClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageTextDirective, decorators: [{
+IllustratedMessageTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+IllustratedMessageTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: IllustratedMessageTextDirective, selector: "[fd-illustrated-message-text]", host: { properties: { "class.fd-illustrated-message__text": "this.fdIllustratedMessageTextClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageTextDirective, decorators: [{
             type: Directive,
             args: [{
                     // TODO to be discussed

package/esm2020/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.mjs

@@ -6,9 +6,9 @@ export class IllustratedMessageTitleDirective {
         this.fdIllustratedMessageTitleClass = true;
     }
 }
-IllustratedMessageTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-IllustratedMessageTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]", host: { properties: { "class.fd-illustrated-message__title": "this.fdIllustratedMessageTitleClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageTitleDirective, decorators: [{
+IllustratedMessageTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+IllustratedMessageTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: IllustratedMessageTitleDirective, selector: "[fd-illustrated-message-title]", host: { properties: { "class.fd-illustrated-message__title": "this.fdIllustratedMessageTitleClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     // TODO to be discussed

package/esm2020/illustrated-message/illustrated-message.component.mjs

@@ -96,15 +96,15 @@ export class IllustratedMessageComponent {
         this._cdRef.detectChanges();
     }
 }
-IllustratedMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-IllustratedMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"fd-illustrated-message__illustration\" *ngIf=\"!noSvg || _inlineSvg\">\n    <use [attr.href]=\"_href\"></use>\n</svg>\n<div *ngIf=\"_inlineSvg\" style=\"display: none\" [innerHTML]=\"_inlineSvg\"></div>\n<ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:30rem;--illustrationW:20rem;--illustrationH:15rem;--illustrationMargin:2rem 0;--figcaptionMaxWidth:25rem;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMarginBottom:.5rem;--actionsMargin:1rem 0;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:var(--sapContent_LineHeight);margin:0;max-width:var(--illustratedMessageMaxWidth);padding:0;padding:var(--illustratedMessagePadding);text-align:center;width:auto}.fd-illustrated-message:after,.fd-illustrated-message:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message-container{-webkit-box-sizing:border-box;background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;width:auto}.fd-illustrated-message-container:after,.fd-illustrated-message-container:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--illustrationH);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--illustrationMargin);padding:0;width:var(--illustrationW)}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--titleMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center;width:100%}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--textMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--actionsMargin);padding:0;width:100%}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{box-sizing:inherit;font-size:inherit}@media screen and (max-width: 599px){.fd-illustrated-message{--illustratedMessageMaxWidth:20rem;--illustrationW:15rem;--illustrationH:11.25rem;--figcaptionMaxWidth:18rem}}.fd-illustrated-message--dialog{--illustrationW:10rem;--illustrationH:10rem;--illustrationMargin:1rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--actionsMargin:.5rem 0 1rem 0}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationW:8rem;--illustrationH:8rem;--illustrationMargin:0 0 .5rem 0;--actionsMargin:.5rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size)}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--illustrationW:2.813rem;--illustrationH:2.813rem;--illustrationMargin:0;--textMarginBottom:.313rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--actionsMargin:.25rem 0;--illustrationMarginRight:.25rem;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap}.fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-right:var(--illustrationMarginRight)}.fd-illustrated-message--dot .fd-illustrated-message__illustration[dir=rtl],[dir=rtl] .fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-left:var(--illustrationMarginRight);margin-right:0}.fd-illustrated-message--dot .fd-illustrated-message__illustration+.fd-illustrated-message__figcaption{width:calc(100% - var(--illustrationW) - var(--illustrationMarginRight))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+IllustratedMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+IllustratedMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IllustratedMessageComponent, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"fd-illustrated-message__illustration\" *ngIf=\"!noSvg || _inlineSvg\">\n    <use [attr.href]=\"_href\"></use>\n</svg>\n<div *ngIf=\"_inlineSvg\" style=\"display: none\" [innerHTML]=\"_inlineSvg\"></div>\n<ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:30rem;--illustrationW:20rem;--illustrationH:15rem;--illustrationMargin:2rem 0;--figcaptionMaxWidth:25rem;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMarginBottom:.5rem;--actionsMargin:1rem 0;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:var(--sapContent_LineHeight);margin:0;max-width:var(--illustratedMessageMaxWidth);padding:0;padding:var(--illustratedMessagePadding);text-align:center;width:auto}.fd-illustrated-message:after,.fd-illustrated-message:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message-container{-webkit-box-sizing:border-box;background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;width:auto}.fd-illustrated-message-container:after,.fd-illustrated-message-container:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--illustrationH);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--illustrationMargin);padding:0;width:var(--illustrationW)}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--titleMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center;width:100%}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--textMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--actionsMargin);padding:0;width:100%}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{box-sizing:inherit;font-size:inherit}@media screen and (max-width: 599px){.fd-illustrated-message{--illustratedMessageMaxWidth:20rem;--illustrationW:15rem;--illustrationH:11.25rem;--figcaptionMaxWidth:18rem}}.fd-illustrated-message--dialog{--illustrationW:10rem;--illustrationH:10rem;--illustrationMargin:1rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--actionsMargin:.5rem 0 1rem 0}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationW:8rem;--illustrationH:8rem;--illustrationMargin:0 0 .5rem 0;--actionsMargin:.5rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size)}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--illustrationW:2.813rem;--illustrationH:2.813rem;--illustrationMargin:0;--textMarginBottom:.313rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--actionsMargin:.25rem 0;--illustrationMarginRight:.25rem;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap}.fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-right:var(--illustrationMarginRight)}.fd-illustrated-message--dot .fd-illustrated-message__illustration[dir=rtl],[dir=rtl] .fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-left:var(--illustrationMarginRight);margin-right:0}.fd-illustrated-message--dot .fd-illustrated-message__illustration+.fd-illustrated-message__figcaption{width:calc(100% - var(--illustrationW) - var(--illustrationMarginRight))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"fd-illustrated-message__illustration\" *ngIf=\"!noSvg || _inlineSvg\">\n    <use [attr.href]=\"_href\"></use>\n</svg>\n<div *ngIf=\"_inlineSvg\" style=\"display: none\" [innerHTML]=\"_inlineSvg\"></div>\n<ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:30rem;--illustrationW:20rem;--illustrationH:15rem;--illustrationMargin:2rem 0;--figcaptionMaxWidth:25rem;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMarginBottom:.5rem;--actionsMargin:1rem 0;-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:var(--sapContent_LineHeight);margin:0;max-width:var(--illustratedMessageMaxWidth);padding:0;padding:var(--illustratedMessagePadding);text-align:center;width:auto}.fd-illustrated-message:after,.fd-illustrated-message:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message-container{-webkit-box-sizing:border-box;background:var(--sapGroup_ContentBackground);border:0;border-radius:.5rem;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:1rem;width:auto}.fd-illustrated-message-container:after,.fd-illustrated-message-container:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--illustrationH);line-height:var(--sapContent_LineHeight);margin:0;margin:var(--illustrationMargin);padding:0;width:var(--illustrationW)}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{-webkit-box-sizing:border-box;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;width:100%}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--titleMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center;width:100%}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__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;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;margin-bottom:var(--textMarginBottom);max-width:var(--figcaptionMaxWidth);padding:0;text-align:center}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;gap:.5rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;margin:var(--actionsMargin);padding:0;width:100%}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{box-sizing:inherit;font-size:inherit}@media screen and (max-width: 599px){.fd-illustrated-message{--illustratedMessageMaxWidth:20rem;--illustrationW:15rem;--illustrationH:11.25rem;--figcaptionMaxWidth:18rem}}.fd-illustrated-message--dialog{--illustrationW:10rem;--illustrationH:10rem;--illustrationMargin:1rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--actionsMargin:.5rem 0 1rem 0}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationW:8rem;--illustrationH:8rem;--illustrationMargin:0 0 .5rem 0;--actionsMargin:.5rem 0;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size)}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--illustrationW:2.813rem;--illustrationH:2.813rem;--illustrationMargin:0;--textMarginBottom:.313rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--actionsMargin:.25rem 0;--illustrationMarginRight:.25rem;-ms-flex-wrap:wrap;flex-direction:row;flex-wrap:wrap}.fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-right:var(--illustrationMarginRight)}.fd-illustrated-message--dot .fd-illustrated-message__illustration[dir=rtl],[dir=rtl] .fd-illustrated-message--dot .fd-illustrated-message__illustration{margin-left:var(--illustrationMarginRight);margin-right:0}.fd-illustrated-message--dot .fd-illustrated-message__illustration+.fd-illustrated-message__figcaption{width:calc(100% - var(--illustrationW) - var(--illustrationMarginRight))}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }]; }, propDecorators: { type: [{

package/esm2020/illustrated-message/illustrated-message.module.mjs

@@ -9,8 +9,8 @@ import { IllustratedMessageTitleDirective } from './directives/illustrated-messa
 import * as i0 from "@angular/core";
 export class IllustratedMessageModule {
 }
-IllustratedMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IllustratedMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageModule, declarations: [IllustratedMessageComponent,
+IllustratedMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IllustratedMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageModule, declarations: [IllustratedMessageComponent,
         IllustratedMessageActionsComponent,
         IllustratedMessageFigcaptionComponent,
         IllustratedMessageTextDirective,
@@ -19,8 +19,8 @@ IllustratedMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0"
         IllustratedMessageFigcaptionComponent,
         IllustratedMessageTextDirective,
         IllustratedMessageTitleDirective] });
-IllustratedMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: IllustratedMessageModule, decorators: [{
+IllustratedMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IllustratedMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2020/infinite-scroll/infinite-scroll.directive.mjs

@@ -45,9 +45,9 @@ export class InfiniteScrollDirective {
             .subscribe(() => this.onScrollAction.emit()));
     }
 }
-InfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-InfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: InfiniteScrollDirective, selector: "[fdInfiniteScroll]", inputs: { scrollPercent: "scrollPercent", scrollOffset: "scrollOffset" }, outputs: { onScrollAction: "onScrollAction" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+InfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+InfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InfiniteScrollDirective, selector: "[fdInfiniteScroll]", inputs: { scrollPercent: "scrollPercent", scrollOffset: "scrollOffset" }, outputs: { onScrollAction: "onScrollAction" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdInfiniteScroll]'

package/esm2020/infinite-scroll/infinite-scroll.module.mjs

@@ -3,10 +3,10 @@ import { InfiniteScrollDirective } from './infinite-scroll.directive';
 import * as i0 from "@angular/core";
 export class InfiniteScrollModule {
 }
-InfiniteScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InfiniteScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollModule, declarations: [InfiniteScrollDirective], exports: [InfiniteScrollDirective] });
-InfiniteScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfiniteScrollModule, decorators: [{
+InfiniteScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InfiniteScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollModule, declarations: [InfiniteScrollDirective], exports: [InfiniteScrollDirective] });
+InfiniteScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfiniteScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [InfiniteScrollDirective],

package/esm2020/info-label/info-label.component.mjs

@@ -34,15 +34,15 @@ export class InfoLabelComponent {
         ];
     }
 }
-InfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfoLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: InfoLabelComponent, selector: "fd-info-label", inputs: { class: "class", type: "type", glyph: "glyph", font: "font", color: "color", label: "label", title: "title", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, usesOnChanges: true, ngImport: i0, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n    *ngIf=\"label\"\n    class=\"fd-info-label__text\"\n    [attr.title]=\"title\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{-webkit-box-sizing:border-box;align-items:center;background-color:var(--fdInfo_Label_Background_Color);border:0;border-color:var(--fdInfo_Label_Border_Color);border-radius:.5rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdInfo_Label_Color);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:1rem;letter-spacing:.0125rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 .3125rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-info-label:after,.fd-info-label:before{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;margin-right:.125rem}.fd-info-label__icon [class*=sap-icon][dir=rtl],.fd-info-label__icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon [class*=sap-icon],[dir=rtl] .fd-info-label__icon[class*=sap-icon]{margin-left:.125rem;margin-right:0}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}.fd-info-label__icon:before{vertical-align:bottom}.fd-info-label__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:inherit;font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-info-label__text:after,.fd-info-label__text:before{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color1);--fdInfo_Label_Color:var(--fdInfo_Label_Color1);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color2);--fdInfo_Label_Color:var(--fdInfo_Label_Color2);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color3);--fdInfo_Label_Color:var(--fdInfo_Label_Color3);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color4);--fdInfo_Label_Color:var(--fdInfo_Label_Color4);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color5);--fdInfo_Label_Color:var(--fdInfo_Label_Color5);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color6);--fdInfo_Label_Color:var(--fdInfo_Label_Color6);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color7);--fdInfo_Label_Color:var(--fdInfo_Label_Color7);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color8);--fdInfo_Label_Color:var(--fdInfo_Label_Color8);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color9);--fdInfo_Label_Color:var(--fdInfo_Label_Color9);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color10);--fdInfo_Label_Color:var(--fdInfo_Label_Color10);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Display_Background_Color);--fdInfo_Label_Color:var(--fdInfo_Label_Display_Text_Color);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Display_Border_Color)}.fd-info-label--numeric{font-weight:700;padding:0 .1875rem}.fd-info-label--icon{font-size:var(--sapFontSmallSize);line-height:1rem;padding:0 .1875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+InfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfoLabelComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+InfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: InfoLabelComponent, selector: "fd-info-label", inputs: { class: "class", type: "type", glyph: "glyph", font: "font", color: "color", label: "label", title: "title", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy" }, usesOnChanges: true, ngImport: i0, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n    *ngIf=\"label\"\n    class=\"fd-info-label__text\"\n    [attr.title]=\"title\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{-webkit-box-sizing:border-box;align-items:center;background-color:var(--fdInfo_Label_Background_Color);border:0;border-color:var(--fdInfo_Label_Border_Color);border-radius:.5rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdInfo_Label_Color);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:1rem;letter-spacing:.0125rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 .3125rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-info-label:after,.fd-info-label:before{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;margin-right:.125rem}.fd-info-label__icon [class*=sap-icon][dir=rtl],.fd-info-label__icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon [class*=sap-icon],[dir=rtl] .fd-info-label__icon[class*=sap-icon]{margin-left:.125rem;margin-right:0}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}.fd-info-label__icon:before{vertical-align:bottom}.fd-info-label__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:inherit;font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-info-label__text:after,.fd-info-label__text:before{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color1);--fdInfo_Label_Color:var(--fdInfo_Label_Color1);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color2);--fdInfo_Label_Color:var(--fdInfo_Label_Color2);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color3);--fdInfo_Label_Color:var(--fdInfo_Label_Color3);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color4);--fdInfo_Label_Color:var(--fdInfo_Label_Color4);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color5);--fdInfo_Label_Color:var(--fdInfo_Label_Color5);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color6);--fdInfo_Label_Color:var(--fdInfo_Label_Color6);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color7);--fdInfo_Label_Color:var(--fdInfo_Label_Color7);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color8);--fdInfo_Label_Color:var(--fdInfo_Label_Color8);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color9);--fdInfo_Label_Color:var(--fdInfo_Label_Color9);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color10);--fdInfo_Label_Color:var(--fdInfo_Label_Color10);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Display_Background_Color);--fdInfo_Label_Color:var(--fdInfo_Label_Display_Text_Color);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Display_Border_Color)}.fd-info-label--numeric{font-weight:700;padding:0 .1875rem}.fd-info-label--icon{font-size:var(--sapFontSmallSize);line-height:1rem;padding:0 .1875rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], InfoLabelComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: InfoLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InfoLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-info-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-icon *ngIf=\"glyph\" class=\"fd-info-label__icon\" [glyph]=\"glyph\" [font]=\"font\"></fd-icon>\n\n<span\n    *ngIf=\"label\"\n    class=\"fd-info-label__text\"\n    [attr.title]=\"title\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    >{{ label }}</span\n>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-info-label{-webkit-box-sizing:border-box;align-items:center;background-color:var(--fdInfo_Label_Background_Color);border:0;border-color:var(--fdInfo_Label_Border_Color);border-radius:.5rem;border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdInfo_Label_Color);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;height:1rem;letter-spacing:.0125rem;line-height:var(--sapContent_LineHeight);line-height:normal;margin:0;max-width:100%;overflow:hidden;padding:0 .3125rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fd-info-label:after,.fd-info-label:before{box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1;margin-right:.125rem}.fd-info-label__icon [class*=sap-icon][dir=rtl],.fd-info-label__icon[class*=sap-icon][dir=rtl],[dir=rtl] .fd-info-label__icon [class*=sap-icon],[dir=rtl] .fd-info-label__icon[class*=sap-icon]{margin-left:.125rem;margin-right:0}.fd-info-label__icon [class*=sap-icon]:first-child:last-child,.fd-info-label__icon[class*=sap-icon]:first-child:last-child{margin:0}.fd-info-label__icon:before{vertical-align:bottom}.fd-info-label__text{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:inherit;font-weight:400;font-weight:700;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);line-height:1;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-info-label__text:after,.fd-info-label__text:before{box-sizing:inherit;font-size:inherit}.fd-info-label--accent-color-1{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color1);--fdInfo_Label_Color:var(--fdInfo_Label_Color1);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-1[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color2);--fdInfo_Label_Color:var(--fdInfo_Label_Color2);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-2[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color3);--fdInfo_Label_Color:var(--fdInfo_Label_Color3);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-3[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color4);--fdInfo_Label_Color:var(--fdInfo_Label_Color4);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-4[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color5);--fdInfo_Label_Color:var(--fdInfo_Label_Color5);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-5[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color6);--fdInfo_Label_Color:var(--fdInfo_Label_Color6);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-6[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color7);--fdInfo_Label_Color:var(--fdInfo_Label_Color7);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-7[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color8);--fdInfo_Label_Color:var(--fdInfo_Label_Color8);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-8[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color9);--fdInfo_Label_Color:var(--fdInfo_Label_Color9);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-9[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Background_Color10);--fdInfo_Label_Color:var(--fdInfo_Label_Color10);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--accent-color-10[class*=sap-icon]{border-color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfo_Label_Background_Color:var(--fdInfo_Label_Display_Background_Color);--fdInfo_Label_Color:var(--fdInfo_Label_Display_Text_Color);--fdInfo_Label_Border_Color:var(--fdInfo_Label_Display_Border_Color)}.fd-info-label--numeric{font-weight:700;padding:0 .1875rem}.fd-info-label--icon{font-size:var(--sapFontSmallSize);line-height:1rem;padding:0 .1875rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{