@fundamental-ngx/core 0.65.0 → 0.65.1-rc.1

package/fesm2022/fundamental-ngx-core-facets.mjs

@@ -34,10 +34,10 @@ class FacetContentComponent {
     _addClassNameToHostElement(className) {
         addClassNameToFacetElement(this._renderer, this.elementRef.nativeElement, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FacetContentComponent, isStandalone: true, selector: "fd-facet-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FacetContentComponent, isStandalone: true, selector: "fd-facet-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-facet-content',
@@ -83,10 +83,10 @@ class FacetContainerComponent {
         this.flexGap = input(1, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "flexGap" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: FacetContainerComponent, isStandalone: true, selector: "fd-facet-container", inputs: { flexDirection: { classPropertyName: "flexDirection", publicName: "flexDirection", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, justifyContent: { classPropertyName: "justifyContent", publicName: "justifyContent", isSignal: true, isRequired: false, transformFunction: null }, flexGap: { classPropertyName: "flexGap", publicName: "flexGap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-facet-container": "true", "style.gap.rem": "flexGap()", "style.flex-direction": "flexDirection()", "style.align-items": "alignItems()", "style.justify-content": "justifyContent()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [".fd-facet-container{gap:1rem;display:flex;flex-direction:column;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: FacetContainerComponent, isStandalone: true, selector: "fd-facet-container", inputs: { flexDirection: { classPropertyName: "flexDirection", publicName: "flexDirection", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, justifyContent: { classPropertyName: "justifyContent", publicName: "justifyContent", isSignal: true, isRequired: false, transformFunction: null }, flexGap: { classPropertyName: "flexGap", publicName: "flexGap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-facet-container": "true", "style.gap.rem": "flexGap()", "style.flex-direction": "flexDirection()", "style.align-items": "alignItems()", "style.justify-content": "justifyContent()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [".fd-facet-container{gap:1rem;display:flex;flex-direction:column;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet-container', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.fd-facet-container]': 'true',
@@ -98,10 +98,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }], propDecorators: { flexDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "flexDirection", required: false }] }], alignItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignItems", required: false }] }], justifyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "justifyContent", required: false }] }], flexGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "flexGap", required: false }] }] } });
 
 class FacetGroupComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FacetGroupComponent, isStandalone: true, selector: "fd-facet-group", inputs: { ariaLabel: "ariaLabel" }, host: { attributes: { "role": "group" }, properties: { "class.fd-facet-group": "true", "attr.aria-label": "ariaLabel" } }, ngImport: i0, template: ` <ng-content select="fd-facet"></ng-content> `, isInline: true, styles: [".fd-facet-align-end{order:1;display:flex;flex:1;flex-direction:column;align-items:flex-end}.fd-title.fd-margin-bottom--sm{margin-block-end:1rem}.fd-facet-group{gap:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FacetGroupComponent, isStandalone: true, selector: "fd-facet-group", inputs: { ariaLabel: "ariaLabel" }, host: { attributes: { "role": "group" }, properties: { "class.fd-facet-group": "true", "attr.aria-label": "ariaLabel" } }, ngImport: i0, template: ` <ng-content select="fd-facet"></ng-content> `, isInline: true, styles: [".fd-facet-align-end{order:1;display:flex;flex:1;flex-direction:column;align-items:flex-end}.fd-title.fd-margin-bottom--sm{margin-block-end:1rem}.fd-facet-group{gap:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet-group', template: ` <ng-content select="fd-facet"></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.fd-facet-group]': 'true',
@@ -264,10 +264,10 @@ class FacetComponent {
     _addClassNameToCustomElement(element, className) {
         addClassNameToFacetElement(this._renderer, element, className);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FacetComponent, isStandalone: true, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", headingLevel: "headingLevel", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "@if (type === 'image') {\n    <ng-template [ngTemplateOutlet]=\"customContentTemplate\"></ng-template>\n} @else {\n    @if (facetTitle) {\n        <div\n            [attr.role]=\"!!_headingLevel ? 'heading' : null\"\n            [attr.aria-level]=\"_headingLevel\"\n            fd-title\n            [headerSize]=\"5\"\n            class=\"fd-margin-bottom--sm\"\n            [id]=\"titleId\"\n        >\n            {{ facetTitle }}\n        </div>\n    }\n    @if (type === 'form') {\n        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n    }\n    @if (type === 'key-value' || 'custom') {\n        <ng-template [ngTemplateOutlet]=\"customContentTemplate\"></ng-template>\n    }\n    @if (type === 'rating-indicator') {\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n    }\n}\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-facet:after,.fd-facet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet--image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-facet--image-header-title{-ms-flex-item-align:end;align-self:flex-end}.fd-facet--form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-facet--rating-indicator,.fd-facet--rating-indicator .fd-facet__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{-ms-flex-item-align:start;align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{-ms-flex-item-align:end;align-self:flex-end}.fd-facet__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet__form-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-facet__form-value:after,.fd-facet__form-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet .fd-title{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize)}.fd-padding{padding-block:1rem;padding-inline:1rem}.fd-padding-begin-end--tiny{padding-inline:.5rem}.fd-padding-begin-end--sm{padding-inline:1rem}.fd-padding-begin-end--md{padding-inline:2rem}.fd-padding-begin-end--lg{padding-inline:3rem}.fd-padding--none{padding-block:0;padding-inline:0}.fd-padding-responsive--sm{padding-block:0;padding-inline:1rem}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding-block:0;padding-inline:2rem}.fd-padding-responsive--xl{padding-block:0;padding-inline:3rem}.fd-margin--tiny{margin-block:.5rem;margin-inline:.5rem}.fd-margin--sm{margin-block:1rem;margin-inline:1rem}.fd-margin--md{margin-block:2rem;margin-inline:2rem}.fd-margin--lg{margin-block:3rem;margin-inline:3rem}.fd-margin--none{margin-block:0;margin-inline:0}.fd-margin-top--tiny{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-margin-top--sm{-webkit-margin-before:1rem;margin-block-start:1rem}.fd-margin-top--md{-webkit-margin-before:2rem;margin-block-start:2rem}.fd-margin-top--lg{-webkit-margin-before:3rem;margin-block-start:3rem}.fd-margin-top--none{-webkit-margin-before:0;margin-block-start:0}.fd-margin-end--tiny{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-margin-end--sm{-webkit-margin-end:1rem;margin-inline-end:1rem}.fd-margin-end--md{-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-margin-end--lg{-webkit-margin-end:3rem;margin-inline-end:3rem}.fd-margin-end--none{-webkit-margin-end:0;margin-inline-end:0}.fd-margin-bottom--tiny{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-margin-bottom--sm{-webkit-margin-after:1rem;margin-block-end:1rem}.fd-margin-bottom--md{-webkit-margin-after:2rem;margin-block-end:2rem}.fd-margin-bottom--lg{-webkit-margin-after:3rem;margin-block-end:3rem}.fd-margin-bottom--none{-webkit-margin-after:0;margin-block-end:0}.fd-margin-begin--tiny{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-margin-begin--sm{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-margin-begin--md{-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-margin-begin--lg{-webkit-margin-start:3rem;margin-inline-start:3rem}.fd-margin-begin--none{-webkit-margin-start:0;margin-inline-start:0}.fd-margin-top-bottom--tiny{margin-block:.5rem}.fd-margin-top-bottom--sm{margin-block:1rem}.fd-margin-top-bottom--md{margin-block:2rem}.fd-margin-top-bottom--lg{margin-block:3rem}.fd-margin-begin-end--tiny{margin-inline:.5rem}.fd-margin-begin-end--sm{margin-inline:1rem}.fd-margin-begin-end--md{margin-inline:2rem}.fd-margin-begin-end--lg{margin-inline:3rem}.fd-margin-responsive--sm{margin-block:0 1rem;margin-inline:0}.fd-margin-responsive--md{margin-block:1rem;margin-inline:1rem}.fd-margin-responsive--lg{margin-block:1rem;margin-inline:2rem}.fd-margin-responsive--xl{margin-block:1rem;margin-inline:3rem}.fd-margin-negative-begin-end--tiny{margin-block:0;margin-inline:-.5rem}.fd-margin-negative-begin-end--sm{margin-block:0;margin-inline:-1rem}.fd-margin-negative-begin-end--md{margin-block:0;margin-inline:-2rem}.fd-margin-negative-begin-end--lg{margin-block:0;margin-inline:-3rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/margins.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id", "disabled", "unitDescription", "independent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: FacetComponent, isStandalone: true, selector: "fd-facet", inputs: { type: "type", facetTitle: "facetTitle", subtitle: "subtitle", headingLevel: "headingLevel", id: "id", alignEnd: "alignEnd" }, host: { properties: { "class.fd-facet": "true", "attr.role": "this.role", "attr.aria-labelledby": "this.ariaLabelledby" } }, ngImport: i0, template: "@if (type === 'image') {\n    <ng-template [ngTemplateOutlet]=\"customContentTemplate\"></ng-template>\n} @else {\n    @if (facetTitle) {\n        <div\n            [attr.role]=\"!!_headingLevel ? 'heading' : null\"\n            [attr.aria-level]=\"_headingLevel\"\n            fd-title\n            [headerSize]=\"5\"\n            class=\"fd-margin-bottom--sm\"\n            [id]=\"titleId\"\n        >\n            {{ facetTitle }}\n        </div>\n    }\n    @if (type === 'form') {\n        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n    }\n    @if (type === 'key-value' || 'custom') {\n        <ng-template [ngTemplateOutlet]=\"customContentTemplate\"></ng-template>\n    }\n    @if (type === 'rating-indicator') {\n        <span fd-form-label>{{ subtitle }}</span>\n        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n    }\n}\n<ng-template #contentTemplate>\n    <ng-content select=\"fd-facet-content\"></ng-content>\n</ng-template>\n<ng-template #customContentTemplate>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".fd-facet{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-facet:after,.fd-facet:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet-group{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-facet-group:after,.fd-facet-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet--image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-facet--image-header-title{-ms-flex-item-align:end;align-self:flex-end}.fd-facet--form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-facet--key-value .fd-facet__object-status .fd-facet__object-status-text{font-family:var(--sapFontFamily)}.fd-facet--rating-indicator{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fd-facet--rating-indicator,.fd-facet--rating-indicator .fd-facet__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-facet--rating-indicator .fd-facet__rating-container{-ms-flex-item-align:start;align-self:flex-start}.fd-facet--rating-indicator .fd-facet__rating-dynamic-text{-ms-flex-item-align:end;align-self:flex-end}.fd-facet__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.fd-facet__container:after,.fd-facet__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet__form-value{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-facet__form-value:after,.fd-facet__form-value:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-facet .fd-title{font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize)}.fd-padding{padding-block:1rem;padding-inline:1rem}.fd-padding-begin-end--tiny{padding-inline:.5rem}.fd-padding-begin-end--sm{padding-inline:1rem}.fd-padding-begin-end--md{padding-inline:2rem}.fd-padding-begin-end--lg{padding-inline:3rem}.fd-padding--none{padding-block:0;padding-inline:0}.fd-padding-responsive--sm{padding-block:0;padding-inline:1rem}.fd-padding-responsive--lg,.fd-padding-responsive--md{padding-block:0;padding-inline:2rem}.fd-padding-responsive--xl{padding-block:0;padding-inline:3rem}.fd-margin--tiny{margin-block:.5rem;margin-inline:.5rem}.fd-margin--sm{margin-block:1rem;margin-inline:1rem}.fd-margin--md{margin-block:2rem;margin-inline:2rem}.fd-margin--lg{margin-block:3rem;margin-inline:3rem}.fd-margin--none{margin-block:0;margin-inline:0}.fd-margin-top--tiny{-webkit-margin-before:.5rem;margin-block-start:.5rem}.fd-margin-top--sm{-webkit-margin-before:1rem;margin-block-start:1rem}.fd-margin-top--md{-webkit-margin-before:2rem;margin-block-start:2rem}.fd-margin-top--lg{-webkit-margin-before:3rem;margin-block-start:3rem}.fd-margin-top--none{-webkit-margin-before:0;margin-block-start:0}.fd-margin-end--tiny{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.fd-margin-end--sm{-webkit-margin-end:1rem;margin-inline-end:1rem}.fd-margin-end--md{-webkit-margin-end:2rem;margin-inline-end:2rem}.fd-margin-end--lg{-webkit-margin-end:3rem;margin-inline-end:3rem}.fd-margin-end--none{-webkit-margin-end:0;margin-inline-end:0}.fd-margin-bottom--tiny{-webkit-margin-after:.5rem;margin-block-end:.5rem}.fd-margin-bottom--sm{-webkit-margin-after:1rem;margin-block-end:1rem}.fd-margin-bottom--md{-webkit-margin-after:2rem;margin-block-end:2rem}.fd-margin-bottom--lg{-webkit-margin-after:3rem;margin-block-end:3rem}.fd-margin-bottom--none{-webkit-margin-after:0;margin-block-end:0}.fd-margin-begin--tiny{-webkit-margin-start:.5rem;margin-inline-start:.5rem}.fd-margin-begin--sm{-webkit-margin-start:1rem;margin-inline-start:1rem}.fd-margin-begin--md{-webkit-margin-start:2rem;margin-inline-start:2rem}.fd-margin-begin--lg{-webkit-margin-start:3rem;margin-inline-start:3rem}.fd-margin-begin--none{-webkit-margin-start:0;margin-inline-start:0}.fd-margin-top-bottom--tiny{margin-block:.5rem}.fd-margin-top-bottom--sm{margin-block:1rem}.fd-margin-top-bottom--md{margin-block:2rem}.fd-margin-top-bottom--lg{margin-block:3rem}.fd-margin-begin-end--tiny{margin-inline:.5rem}.fd-margin-begin-end--sm{margin-inline:1rem}.fd-margin-begin-end--md{margin-inline:2rem}.fd-margin-begin-end--lg{margin-inline:3rem}.fd-margin-responsive--sm{margin-block:0 1rem;margin-inline:0}.fd-margin-responsive--md{margin-block:1rem;margin-inline:1rem}.fd-margin-responsive--lg{margin-block:1rem;margin-inline:2rem}.fd-margin-responsive--xl{margin-block:1rem;margin-inline:3rem}.fd-margin-negative-begin-end--tiny{margin-block:0;margin-inline:-.5rem}.fd-margin-negative-begin-end--sm{margin-block:0;margin-inline:-1rem}.fd-margin-negative-begin-end--md{margin-block:0;margin-inline:-2rem}.fd-margin-negative-begin-end--lg{margin-block:0;margin-inline:-3rem}\n/*! Bundled license information:\n\nfundamental-styles/dist/margins.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id", "disabled", "unitDescription", "independent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-facet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.fd-facet]': 'true'
@@ -301,11 +301,11 @@ const components = [FacetComponent, FacetGroupComponent, FacetContentComponent,
  * Use direct imports of components and directives.
  */
 class FacetModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: FacetModule, imports: [FacetComponent, FacetGroupComponent, FacetContentComponent, FacetContainerComponent], exports: [FacetComponent, FacetGroupComponent, FacetContentComponent, FacetContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetModule, imports: [FacetComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: FacetModule, imports: [FacetComponent, FacetGroupComponent, FacetContentComponent, FacetContainerComponent], exports: [FacetComponent, FacetGroupComponent, FacetContentComponent, FacetContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetModule, imports: [FacetComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FacetModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FacetModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

package/fesm2022/fundamental-ngx-core-feed-input.mjs

@@ -24,8 +24,8 @@ class FeedInputAvatarDirective {
     ngOnChanges() {
         this.buildComponentCssClass();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputAvatarDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: FeedInputAvatarDirective, isStandalone: true, selector: "[fdFeedInputAvatar]", inputs: { class: "class", placeholder: "placeholder" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputAvatarDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: FeedInputAvatarDirective, isStandalone: true, selector: "[fdFeedInputAvatar]", inputs: { class: "class", placeholder: "placeholder" }, usesOnChanges: true, ngImport: i0 }); }
 }
 __decorate([
     applyCssClass,
@@ -33,7 +33,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], FeedInputAvatarDirective.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputAvatarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdFeedInputAvatar]',
@@ -71,10 +71,10 @@ class FeedInputButtonDirective {
         this._renderer.setAttribute(icon, 'role', 'presentation');
         this._renderer.appendChild(this.elementRef.nativeElement, icon);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: FeedInputButtonDirective, isStandalone: true, selector: "[fdFeedInputButton]", host: { properties: { "attr.aria-disabled": "this.disabled", "class.is-disabled": "this.disabled" }, classAttribute: "fd-button fd-feed-input__submit-button is-cozy" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: FeedInputButtonDirective, isStandalone: true, selector: "[fdFeedInputButton]", host: { properties: { "attr.aria-disabled": "this.disabled", "class.is-disabled": "this.disabled" }, classAttribute: "fd-button fd-feed-input__submit-button is-cozy" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdFeedInputButton]',
@@ -136,10 +136,10 @@ class FeedInputTextareaDirective {
             this.elementRef.nativeElement.scrollHeight +
             parseInt(computed.getPropertyValue('border-bottom-width'), 10));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: FeedInputTextareaDirective, isStandalone: true, selector: "textarea[fdFeedInputTextarea]", inputs: { fdFeedInputTextareaMaxRows: "fdFeedInputTextareaMaxRows" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "keyup": "onKeyup()" }, properties: { "class.fd-feed-input__textarea": "true", "class.fd-textarea": "true", "disabled": "this.disabled" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: FeedInputTextareaDirective, isStandalone: true, selector: "textarea[fdFeedInputTextarea]", inputs: { fdFeedInputTextareaMaxRows: "fdFeedInputTextareaMaxRows" }, outputs: { valueChange: "valueChange" }, host: { listeners: { "keyup": "onKeyup()" }, properties: { "class.fd-feed-input__textarea": "true", "class.fd-textarea": "true", "disabled": "this.disabled" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputTextareaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputTextareaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[fdFeedInputTextarea]',
@@ -182,10 +182,10 @@ class FeedInputComponent {
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: FeedInputComponent, isStandalone: true, selector: "fd-feed-input", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "textareaElement", first: true, predicate: i0.forwardRef(() => FeedInputTextareaDirective), descendants: true }, { propertyName: "buttonElement", first: true, predicate: i0.forwardRef(() => FeedInputButtonDirective), descendants: true }], ngImport: i0, template: "<div class=\"fd-feed-input\" role=\"group\" [attr.aria-label]=\"ariaLabel()\" [class.is-disabled]=\"disabled\">\n    <div class=\"fd-feed-input__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-feed-input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);container-name:feed-input;container-type:inline-size;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:row;flex-direction:row;gap:.5rem;margin-block:1rem;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input .fd-feed-input__container:after,.fd-feed-input .fd-feed-input__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:.375rem;-ms-flex-item-align:end;align-self:flex-end}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-feed-input .fd-feed-input__submit-button[class*=-compact],.fd-feed-input .fd-feed-input__submit-button[class*=-condensed],[class*=-compact] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]),[class*=-condensed] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]){--fdButton_Compact_Height:var(--sapElement_Height);--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Size_Attention:.75rem}@container feed-input (max-width: 20rem){.fd-feed-input .fd-feed-input__container{margin-block:0}.fd-feed-input .fd-feed-input__thumb{display:none}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: FeedInputComponent, isStandalone: true, selector: "fd-feed-input", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "textareaElement", first: true, predicate: i0.forwardRef(() => FeedInputTextareaDirective), descendants: true }, { propertyName: "buttonElement", first: true, predicate: i0.forwardRef(() => FeedInputButtonDirective), descendants: true }], ngImport: i0, template: "<div class=\"fd-feed-input\" role=\"group\" [attr.aria-label]=\"ariaLabel()\" [class.is-disabled]=\"disabled\">\n    <div class=\"fd-feed-input__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-feed-input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);container-name:feed-input;container-type:inline-size;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:row;flex-direction:row;gap:.5rem;margin-block:1rem;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input .fd-feed-input__container:after,.fd-feed-input .fd-feed-input__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:.375rem;-ms-flex-item-align:end;align-self:flex-end}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-feed-input .fd-feed-input__submit-button[class*=-compact],.fd-feed-input .fd-feed-input__submit-button[class*=-condensed],[class*=-compact] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]),[class*=-condensed] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]){--fdButton_Compact_Height:var(--sapElement_Height);--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Size_Attention:.75rem}@container feed-input (max-width: 20rem){.fd-feed-input .fd-feed-input__container{margin-block:0}.fd-feed-input .fd-feed-input__thumb{display:none}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-feed-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"fd-feed-input\" role=\"group\" [attr.aria-label]=\"ariaLabel()\" [class.is-disabled]=\"disabled\">\n    <div class=\"fd-feed-input__container\">\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [".fd-feed-input{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);container-name:feed-input;container-type:inline-size;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-input:after,.fd-feed-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input.is-disabled,.fd-feed-input:disabled,.fd-feed-input[aria-disabled=true]{cursor:not-allowed;opacity:1;pointer-events:auto}.fd-feed-input.is-disabled textarea::-webkit-input-placeholder,.fd-feed-input:disabled textarea::-webkit-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-webkit-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-moz-placeholder,.fd-feed-input:disabled textarea::-moz-placeholder,.fd-feed-input[aria-disabled=true] textarea::-moz-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea:-ms-input-placeholder,.fd-feed-input:disabled textarea:-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea:-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::-ms-input-placeholder,.fd-feed-input:disabled textarea::-ms-input-placeholder,.fd-feed-input[aria-disabled=true] textarea::-ms-input-placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input.is-disabled textarea::placeholder,.fd-feed-input:disabled textarea::placeholder,.fd-feed-input[aria-disabled=true] textarea::placeholder{color:var(--sapTextColor,#32363a);font-style:var(--fdFeed_Input_Placeholder_Font_Style)}.fd-feed-input .fd-feed-input__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--sapGroup_ContentBackground);-ms-flex-direction:row;flex-direction:row;gap:.5rem;margin-block:1rem;padding-block:1rem;padding-inline:1rem .5rem}.fd-feed-input .fd-feed-input__container:after,.fd-feed-input .fd-feed-input__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-input .fd-feed-input__textarea{margin-block:0;margin-inline:0;max-height:20rem;min-height:3rem;padding-block:.375rem;padding-inline:.5rem}.fd-feed-input .fd-feed-input__submit-button{margin-block:.375rem;-ms-flex-item-align:end;align-self:flex-end}.fd-feed-input .fd-feed-input__submit-button[dir=rtl],[dir=rtl] .fd-feed-input .fd-feed-input__submit-button{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fd-feed-input .fd-feed-input__submit-button[class*=-compact],.fd-feed-input .fd-feed-input__submit-button[class*=-condensed],[class*=-compact] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]),[class*=-condensed] .fd-feed-input .fd-feed-input__submit-button:not([class*=-cozy]){--fdButton_Compact_Height:var(--sapElement_Height);--fdButton_Clickable_Height:2.75rem;--fdButton_Padding_X:.625rem;--fdButton_Min_Width:2.25rem;--fdButton_Badge_Margin_Inline_Start:0;--fdButton_Badge_Size_Attention:.75rem}@container feed-input (max-width: 20rem){.fd-feed-input .fd-feed-input__container{margin-block:0}.fd-feed-input .fd-feed-input__thumb{display:none}}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-input.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], propDecorators: { disabled: [{
@@ -204,11 +204,11 @@ const components = [FeedInputComponent, FeedInputTextareaDirective, FeedInputBut
  * Use direct imports of components and directives.
  */
 class FeedInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: FeedInputModule, imports: [FeedInputComponent, FeedInputTextareaDirective, FeedInputButtonDirective, FeedInputAvatarDirective], exports: [FeedInputComponent, FeedInputTextareaDirective, FeedInputButtonDirective, FeedInputAvatarDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: FeedInputModule, imports: [FeedInputComponent, FeedInputTextareaDirective, FeedInputButtonDirective, FeedInputAvatarDirective], exports: [FeedInputComponent, FeedInputTextareaDirective, FeedInputButtonDirective, FeedInputAvatarDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

package/fesm2022/fundamental-ngx-core-feed-list-item.mjs

@@ -8,10 +8,10 @@ import { LinkComponent } from '@fundamental-ngx/core/link';
 import { FdTranslatePipe } from '@fundamental-ngx/i18n';
 
 class FeedListActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FeedListActionComponent, isStandalone: true, selector: "fd-feed-list-action", host: { classAttribute: "fd-feed-list__actions" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FeedListActionComponent, isStandalone: true, selector: "fd-feed-list-action", host: { classAttribute: "fd-feed-list__actions" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-feed-list-action',
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class FeedListAvatarComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FeedListAvatarComponent, isStandalone: true, selector: "fd-feed-list-avatar", host: { classAttribute: "fd-feed-list__thumb" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FeedListAvatarComponent, isStandalone: true, selector: "fd-feed-list-avatar", host: { classAttribute: "fd-feed-list__thumb" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListAvatarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-feed-list-avatar',
@@ -36,10 +36,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         }] });
 
 class FeedListFooterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FeedListFooterComponent, isStandalone: true, selector: "fd-feed-list-footer", host: { classAttribute: "fd-feed-list__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FeedListFooterComponent, isStandalone: true, selector: "fd-feed-list-footer", host: { classAttribute: "fd-feed-list__footer" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListFooterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-feed-list-footer',
@@ -125,8 +125,8 @@ class FeedListItemComponent {
     toggleTextView() {
         this.isCollapsed = !this.isCollapsed;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FeedListItemComponent, isStandalone: true, selector: "fd-feed-list-item", inputs: { class: "class", authorTitle: "authorTitle", authorLink: "authorLink", text: "text", maxChars: "maxChars", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", isRichText: "isRichText", mobile: "mobile" }, host: { properties: { "class.fd-feed-list__body": "this.isFeedListItemBody" } }, usesOnChanges: true, ngImport: i0, template: "@if (mobile) {\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-template [ngTemplateOutlet]=\"avatarContent\"></ng-template>\n            <div>\n                <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n                <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n            </div>\n        </div>\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    </div>\n} @else {\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n}\n<div class=\"fd-feed-list__content\">\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    }\n    <p class=\"fd-feed-list__text\">\n        @if (!isRichText) {\n            <ng-template\n                [ngTemplateOutlet]=\"feedContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: author }\"\n            ></ng-template>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        }\n    </p>\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n    }\n</div>\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        @if (authorLink) {\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe: 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-template [ngTemplateOutlet]=\"authorTitleTemplate\"></ng-template>\n            </a>\n        } @else {\n            {{ authorTitle }}\n        }\n        :\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n<ng-template #feedContent let-param>\n    <ng-template [ngTemplateOutlet]=\"param\"></ng-template>\n    <span>\n        {{ isCollapsed ? (text | truncate: maxChars) : text }}\n    </span>\n    @if (!isRichText && hasMore) {\n        <a fd-link class=\"fd-feed-list__link--more\" tabindex=\"0\" (click)=\"toggleTextView()\">{{\n            (isCollapsed\n                ? ('coreFeedListItem.moreLabel' | fdTranslate: { count: (text ? text.length : 0) - maxChars })\n                : ('coreFeedListItem.lessLabel' | fdTranslate))()\n        }}</a>\n    }\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormattedTextComponent, selector: "fd-formatted-text", inputs: ["htmlText", "convertedLinksDefaultTarget", "height", "width"], exportAs: ["fd-formatted-text"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["emphasized", "disabled", "inverted", "subtle", "undecorated", "touchTarget"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: FeedListItemComponent, isStandalone: true, selector: "fd-feed-list-item", inputs: { class: "class", authorTitle: "authorTitle", authorLink: "authorLink", text: "text", maxChars: "maxChars", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", isRichText: "isRichText", mobile: "mobile" }, host: { properties: { "class.fd-feed-list__body": "this.isFeedListItemBody" } }, usesOnChanges: true, ngImport: i0, template: "@if (mobile) {\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-template [ngTemplateOutlet]=\"avatarContent\"></ng-template>\n            <div>\n                <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n                <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n            </div>\n        </div>\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    </div>\n} @else {\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n}\n<div class=\"fd-feed-list__content\">\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    }\n    <p class=\"fd-feed-list__text\">\n        @if (!isRichText) {\n            <ng-template\n                [ngTemplateOutlet]=\"feedContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: author }\"\n            ></ng-template>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        }\n    </p>\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n    }\n</div>\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        @if (authorLink) {\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe: 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-template [ngTemplateOutlet]=\"authorTitleTemplate\"></ng-template>\n            </a>\n        } @else {\n            {{ authorTitle }}\n        }\n        :\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n<ng-template #feedContent let-param>\n    <ng-template [ngTemplateOutlet]=\"param\"></ng-template>\n    <span>\n        {{ isCollapsed ? (text | truncate: maxChars) : text }}\n    </span>\n    @if (!isRichText && hasMore) {\n        <a fd-link class=\"fd-feed-list__link--more\" tabindex=\"0\" (click)=\"toggleTextView()\">{{\n            (isCollapsed\n                ? ('coreFeedListItem.moreLabel' | fdTranslate: { count: (text ? text.length : 0) - maxChars })\n                : ('coreFeedListItem.lessLabel' | fdTranslate))()\n        }}</a>\n    }\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormattedTextComponent, selector: "fd-formatted-text", inputs: ["htmlText", "convertedLinksDefaultTarget", "height", "width"], exportAs: ["fd-formatted-text"] }, { kind: "component", type: LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["emphasized", "disabled", "inverted", "subtle", "undecorated", "touchTarget"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -134,7 +134,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], FeedListItemComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-feed-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, FormattedTextComponent, LinkComponent, SafePipe, TruncatePipe, FdTranslatePipe], template: "@if (mobile) {\n    <div class=\"fd-feed-list__wrapper\">\n        <div class=\"fd-feed-list__wrapper fd-feed-list__wrapper--header\">\n            <ng-template [ngTemplateOutlet]=\"avatarContent\"></ng-template>\n            <div>\n                <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n                <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n            </div>\n        </div>\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    </div>\n} @else {\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n}\n<div class=\"fd-feed-list__content\">\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"actionContent\"></ng-template>\n    }\n    <p class=\"fd-feed-list__text\">\n        @if (!isRichText) {\n            <ng-template\n                [ngTemplateOutlet]=\"feedContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: author }\"\n            ></ng-template>\n        } @else {\n            <ng-template [ngTemplateOutlet]=\"author\"></ng-template>\n            <fd-formatted-text [htmlText]=\"text\"></fd-formatted-text>\n        }\n    </p>\n    @if (!mobile) {\n        <ng-template [ngTemplateOutlet]=\"footerContent\"></ng-template>\n    }\n</div>\n<ng-template #avatarContent>\n    <ng-content select=\"fd-feed-list-avatar\"></ng-content>\n</ng-template>\n<ng-template #actionContent>\n    <ng-content select=\"fd-feed-list-action\"></ng-content>\n</ng-template>\n<ng-template #footerContent>\n    <ng-content select=\"fd-feed-list-footer\"></ng-content>\n</ng-template>\n<ng-template #author>\n    <span class=\"fd-feed-list__name\">\n        @if (authorLink) {\n            <a\n                target=\"_blank\"\n                fd-link\n                [attr.title]=\"authorTitle\"\n                [attr.href]=\"authorLink | safe: 'url'\"\n                [emphasized]=\"true\"\n            >\n                <ng-template [ngTemplateOutlet]=\"authorTitleTemplate\"></ng-template>\n            </a>\n        } @else {\n            {{ authorTitle }}\n        }\n        :\n    </span>\n</ng-template>\n<ng-template #authorTitleTemplate>\n    {{ authorTitle }}\n</ng-template>\n<ng-template #feedContent let-param>\n    <ng-template [ngTemplateOutlet]=\"param\"></ng-template>\n    <span>\n        {{ isCollapsed ? (text | truncate: maxChars) : text }}\n    </span>\n    @if (!isRichText && hasMore) {\n        <a fd-link class=\"fd-feed-list__link--more\" tabindex=\"0\" (click)=\"toggleTextView()\">{{\n            (isCollapsed\n                ? ('coreFeedListItem.moreLabel' | fdTranslate: { count: (text ? text.length : 0) - maxChars })\n                : ('coreFeedListItem.lessLabel' | fdTranslate))()\n        }}</a>\n    }\n</ng-template>\n", styles: [".fd-feed-list__name a{max-width:75%;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.fd-feed-list__thumb{display:flex;align-items:center;justify-content:center;max-width:3rem;flex:0 0 3rem;height:3rem;overflow:hidden}.fd-feed-list__thumb img{width:100%;height:100%;object-fit:contain}.fd-feed-list__link--more{cursor:pointer;text-transform:initial}.fd-feed-list__link--more:hover{text-decoration:underline}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
@@ -231,8 +231,8 @@ class FeedListComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: FeedListComponent, isStandalone: true, selector: "fd-feed-list", inputs: { class: "class", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", mobile: "mobile", isGroup: "isGroup", borderLess: "borderLess" }, queries: [{ propertyName: "feedItems", predicate: FeedListItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"fd-feed-list-item\"></ng-content>\n", styles: ["@charset \"UTF-8\";.fd-feed-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--fdFeed_List_Item_Background);-ms-flex-direction:row;flex-direction:row;max-width:40rem}.fd-feed-list:after,.fd-feed-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list .fd-feed-list__thumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:0 .75rem;padding-block:0;padding-inline:0}.fd-feed-list .fd-feed-list__thumb:after,.fd-feed-list .fd-feed-list__thumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem}.fd-feed-list__body:after,.fd-feed-list__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body+.fd-feed-list__body{border-top:var(--fdFeed_List_Item_Border_Top)}.fd-feed-list__body+.fd-feed-list__body:last-child{border-bottom:var(--fdFeed_List_Item_Border_Bottom)}.fd-feed-list--no-border .fd-feed-list__body{border-top:none;padding-block:1rem .75rem;padding-inline:1rem}.fd-feed-list--no-border .fd-feed-list__body+.fd-feed-list__body{padding-block:.75rem .75rem}.fd-feed-list--no-border .fd-feed-list__body:last-child{-webkit-padding-after:1rem;border-bottom:none;padding-block-end:1rem}.fd-feed-list__link--more{cursor:pointer;text-transform:capitalize}.fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);float:right;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-block:.5rem;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0;position:relative;right:-1rem;top:-1rem}.fd-feed-list__actions:after,.fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{left:-1rem;right:auto}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{float:left}.fd-feed-list--group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-feed-list--link{cursor:pointer}.fd-feed-list--link.is-focus,.fd-feed-list--link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-feed-list__name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__name:after,.fd-feed-list__name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__text:after,.fd-feed-list__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:.375rem;font-size:var(--sapFontSmallSize);padding-block-start:.375rem}.fd-feed-list__footer:after,.fd-feed-list__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer--byline{color:var(--sapContent_LabelColor)}.fd-feed-list__footer--byline:not(:last-child):after{content:\"\\2022\";padding-block:0;padding-inline:.25rem}.fd-feed-list--s .fd-feed-list__wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-feed-list--s .fd-feed-list__wrapper:after,.fd-feed-list--s .fd-feed-list__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__wrapper--header{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-feed-list--s .fd-feed-list__body{display:block}.fd-feed-list--s .fd-feed-list__text{-webkit-padding-before:.625rem;padding-block-start:.625rem}.fd-feed-list--s .fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;top:0;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem}.fd-feed-list--s .fd-feed-list__actions:after,.fd-feed-list--s .fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list--s .fd-feed-list__actions{left:0;right:auto}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-list.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.2.1", type: FeedListComponent, isStandalone: true, selector: "fd-feed-list", inputs: { class: "class", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", mobile: "mobile", isGroup: "isGroup", borderLess: "borderLess" }, queries: [{ propertyName: "feedItems", predicate: FeedListItemComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"fd-feed-list-item\"></ng-content>\n", styles: ["@charset \"UTF-8\";.fd-feed-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--fdFeed_List_Item_Background);-ms-flex-direction:row;flex-direction:row;max-width:40rem}.fd-feed-list:after,.fd-feed-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list .fd-feed-list__thumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:0 .75rem;padding-block:0;padding-inline:0}.fd-feed-list .fd-feed-list__thumb:after,.fd-feed-list .fd-feed-list__thumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem}.fd-feed-list__body:after,.fd-feed-list__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body+.fd-feed-list__body{border-top:var(--fdFeed_List_Item_Border_Top)}.fd-feed-list__body+.fd-feed-list__body:last-child{border-bottom:var(--fdFeed_List_Item_Border_Bottom)}.fd-feed-list--no-border .fd-feed-list__body{border-top:none;padding-block:1rem .75rem;padding-inline:1rem}.fd-feed-list--no-border .fd-feed-list__body+.fd-feed-list__body{padding-block:.75rem .75rem}.fd-feed-list--no-border .fd-feed-list__body:last-child{-webkit-padding-after:1rem;border-bottom:none;padding-block-end:1rem}.fd-feed-list__link--more{cursor:pointer;text-transform:capitalize}.fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);float:right;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-block:.5rem;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0;position:relative;right:-1rem;top:-1rem}.fd-feed-list__actions:after,.fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{left:-1rem;right:auto}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{float:left}.fd-feed-list--group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-feed-list--link{cursor:pointer}.fd-feed-list--link.is-focus,.fd-feed-list--link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-feed-list__name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__name:after,.fd-feed-list__name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__text:after,.fd-feed-list__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:.375rem;font-size:var(--sapFontSmallSize);padding-block-start:.375rem}.fd-feed-list__footer:after,.fd-feed-list__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer--byline{color:var(--sapContent_LabelColor)}.fd-feed-list__footer--byline:not(:last-child):after{content:\"\\2022\";padding-block:0;padding-inline:.25rem}.fd-feed-list--s .fd-feed-list__wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-feed-list--s .fd-feed-list__wrapper:after,.fd-feed-list--s .fd-feed-list__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__wrapper--header{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-feed-list--s .fd-feed-list__body{display:block}.fd-feed-list--s .fd-feed-list__text{-webkit-padding-before:.625rem;padding-block-start:.625rem}.fd-feed-list--s .fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;top:0;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem}.fd-feed-list--s .fd-feed-list__actions:after,.fd-feed-list--s .fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list--s .fd-feed-list__actions{left:0;right:auto}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-list.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -240,7 +240,7 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", Array)
 ], FeedListComponent.prototype, "buildComponentCssClass", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-feed-list', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"fd-feed-list-item\"></ng-content>\n", styles: ["@charset \"UTF-8\";.fd-feed-list{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--fdFeed_List_Item_Background);-ms-flex-direction:row;flex-direction:row;max-width:40rem}.fd-feed-list:after,.fd-feed-list:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list .fd-feed-list__thumb{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-inline:0 .75rem;padding-block:0;padding-inline:0}.fd-feed-list .fd-feed-list__thumb:after,.fd-feed-list .fd-feed-list__thumb:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem}.fd-feed-list__body:after,.fd-feed-list__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__body+.fd-feed-list__body{border-top:var(--fdFeed_List_Item_Border_Top)}.fd-feed-list__body+.fd-feed-list__body:last-child{border-bottom:var(--fdFeed_List_Item_Border_Bottom)}.fd-feed-list--no-border .fd-feed-list__body{border-top:none;padding-block:1rem .75rem;padding-inline:1rem}.fd-feed-list--no-border .fd-feed-list__body+.fd-feed-list__body{padding-block:.75rem .75rem}.fd-feed-list--no-border .fd-feed-list__body:last-child{-webkit-padding-after:1rem;border-bottom:none;padding-block-end:1rem}.fd-feed-list__link--more{cursor:pointer;text-transform:capitalize}.fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);float:right;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-block:.5rem;margin-inline:0;margin-inline:.5rem;padding-block:0;padding-inline:0;position:relative;right:-1rem;top:-1rem}.fd-feed-list__actions:after,.fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{left:-1rem;right:auto}.fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list__actions{float:left}.fd-feed-list--group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fd-feed-list--link{cursor:pointer}.fd-feed-list--link.is-focus,.fd-feed-list--link:focus{outline:var(--sapContent_FocusColor) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);outline-offset:-.1875rem}.fd-feed-list__name{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;font-weight:700;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__name:after,.fd-feed-list__name:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-feed-list__text:after,.fd-feed-list__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-padding-before:.375rem;font-size:var(--sapFontSmallSize);padding-block-start:.375rem}.fd-feed-list__footer:after,.fd-feed-list__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list__footer--byline{color:var(--sapContent_LabelColor)}.fd-feed-list__footer--byline:not(:last-child):after{content:\"\\2022\";padding-block:0;padding-inline:.25rem}.fd-feed-list--s .fd-feed-list__wrapper{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fd-feed-list--s .fd-feed-list__wrapper:after,.fd-feed-list--s .fd-feed-list__wrapper:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__wrapper--header{display:-webkit-box;display:-ms-flexbox;display:flex}.fd-feed-list--s .fd-feed-list__body{display:block}.fd-feed-list--s .fd-feed-list__text{-webkit-padding-before:.625rem;padding-block-start:.625rem}.fd-feed-list--s .fd-feed-list__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;right:0;top:0;-webkit-padding-after:.25rem;padding-block-end:.25rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem}.fd-feed-list--s .fd-feed-list__actions:after,.fd-feed-list--s .fd-feed-list__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-feed-list--s .fd-feed-list__actions[dir=rtl],[dir=rtl] .fd-feed-list--s .fd-feed-list__actions{left:0;right:auto}\n/*! Bundled license information:\n\nfundamental-styles/dist/feed-list.css:\n  (*!\n   * Fundamental Library Styles v0.41.9\n   * Copyright (c) 2026 SAP SE or an SAP affiliate company.\n   * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n   *)\n*/\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
@@ -265,10 +265,10 @@ class FeedListFooterBylineDirective {
         /** @hidden */
         this.fdBylineClass = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListFooterBylineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: FeedListFooterBylineDirective, isStandalone: true, selector: "[fd-item-footer-byline]", host: { properties: { "class.fd-feed-list__footer--byline": "this.fdBylineClass" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListFooterBylineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: FeedListFooterBylineDirective, isStandalone: true, selector: "[fd-item-footer-byline]", host: { properties: { "class.fd-feed-list__footer--byline": "this.fdBylineClass" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListFooterBylineDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListFooterBylineDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -293,8 +293,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class FeedListItemModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemModule, imports: [FeedListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemModule, imports: [FeedListComponent,
             FeedListItemComponent,
             FeedListAvatarComponent,
             FeedListActionComponent,
@@ -305,9 +305,9 @@ class FeedListItemModule {
             FeedListActionComponent,
             FeedListFooterComponent,
             FeedListFooterBylineDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemModule, imports: [FeedListItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemModule, imports: [FeedListItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FeedListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FeedListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],