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

package/esm2020/list/object-list-item/object-list-item.module.mjs

@@ -24,8 +24,8 @@ import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export class ObjectListItemModule {
 }
-ObjectListItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ObjectListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: ObjectListItemModule, declarations: [ObjectListItemComponent, ObjectListItemRowComponent], imports: [CommonModule,
+ObjectListItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ObjectListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ObjectListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ObjectListItemModule, declarations: [ObjectListItemComponent, ObjectListItemRowComponent], imports: [CommonModule,
         IconModule,
         FormsModule,
         FormModule,
@@ -48,7 +48,7 @@ ObjectListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         ObjectListItemRowComponent,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule] });
-ObjectListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectListItemModule, imports: [CommonModule,
+ObjectListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ObjectListItemModule, imports: [CommonModule,
         IconModule,
         FormsModule,
         FormModule,
@@ -69,7 +69,7 @@ ObjectListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, PlatformContentDensityDeprecationsModule,
         ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ObjectListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ObjectListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ObjectListItemComponent, ObjectListItemRowComponent],

package/esm2020/list/standard-list-item/standard-list-item.component.mjs

@@ -15,9 +15,9 @@ import * as i11 from "@fundamental-ngx/platform/object-status";
 import * as i12 from "@fundamental-ngx/i18n";
 export class StandardListItemComponent extends BaseListItem {
 }
-StandardListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-StandardListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: StandardListItemComponent, selector: "fdp-standard-list-item", providers: [{ provide: BaseListItem, useExisting: forwardRef(() => StandardListItemComponent) }], usesInheritance: true, ngImport: i0, template: "<!--  list item navigation with Arrow-->\n<ng-container *ngIf=\"navigationIndicator || (navigated && !(noDataText !== null && noDataText !== undefined))\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        [tabindex]=\"-1\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup)=\"_onKeyUp($event)\"\n        class=\"fd-list__item--link\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"> </ng-container>\n        <a\n            #linkElement\n            fd-list-link\n            [routerLink]=\"link\"\n            [navigationIndicator]=\"navigationIndicator\"\n            [navigated]=\"navigated\"\n        >\n            <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n        </a>\n    </li>\n</ng-container>\n\n<!--  list item without navigation and used for simple list display-->\n<ng-container *ngIf=\"!navigationIndicator && !navigated && !(noDataText !== null && noDataText !== undefined)\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        (keydown)=\"_onKeyDown($event)\"\n        [tabindex]=\"-1\"\n        (keyup)=\"_onKeyUp($event)\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n    </li>\n</ng-container>\n\n<ng-container *ngIf=\"noDataText !== null && noDataText !== undefined\">\n    <li\n        #listItem\n        fd-list-item\n        [attr.id]=\"id\"\n        [tabindex]=\"0\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n    >\n        <span fd-list-title [attr.aria-label]=\"noDataText\" [attr.title]=\"noDataText\">{{ noDataText }}</span>\n    </li>\n</ng-container>\n\n<ng-template #commonTemplate>\n    <fd-icon\n        class=\"fd-list__icon\"\n        *ngIf=\"icon.glyph\"\n        [glyph]=\"icon.glyph\"\n        [font]=\"icon.font\"\n        [ariaLabel]=\"icon.ariaLabel\"\n        [attr.alt]=\"icon.ariaLabel\"\n        role=\"img\"\n    >\n    </fd-icon>\n    <fd-avatar\n        [size]=\"avatar.size\"\n        [glyph]=\"avatar.glyph\"\n        [zoomGlyph]=\"avatar.zoomGlyph\"\n        *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n        [label]=\"avatar.label\"\n        [circle]=\"avatar.circle\"\n        [placeholder]=\"avatar.placeholder\"\n        [tile]=\"avatar.tile\"\n        [colorAccent]=\"avatar.colorAccent\"\n        [image]=\"avatar.image\"\n        [transparent]=\"avatar.transparent\"\n        [random]=\"avatar.random\"\n        [class]=\"'fd-list__icon ' + avatar.class\"\n        [ariaLabel]=\"avatar.ariaLabel\"\n        [ariaLabelledby]=\"avatar.ariaLabelledby\"\n        [contain]=\"avatar.contain\"\n        [border]=\"avatar.border\"\n        [alterIcon]=\"avatar.alterIcon\"\n        [backupImage]=\"avatar.backupImage\"\n        [clickable]=\"avatar.clickable\"\n        [attr.alt]=\"avatar.ariaLabel\"\n        role=\"img\"\n    ></fd-avatar>\n    <span *ngIf=\"title\" fd-list-title [attr.aria-label]=\"ariaLabel\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n        {{ title }}\n    </span>\n    <span\n        fd-list-secondary\n        [attr.aria-label]=\"secondary\"\n        *ngIf=\"secondary !== null && secondary !== undefined\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        fd-list-secondary\n        class=\"fd-list__item-counter\"\n        [attr.aria-label]=\"counter\"\n        *ngIf=\"counter !== null && counter !== undefined\"\n        [attr.title]=\"counter\"\n    >\n        {{ counter }}\n    </span>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #byLineTemplate>\n    <div fdListThumbnail>\n        <fd-icon\n            class=\"fd-list__icon\"\n            *ngIf=\"icon.glyph\"\n            [glyph]=\"icon.glyph\"\n            [font]=\"icon.font\"\n            [ariaLabel]=\"icon.ariaLabel\"\n            [attr.alt]=\"icon.ariaLabel\"\n            role=\"img\"\n        >\n        </fd-icon>\n        <fd-avatar\n            [size]=\"avatar.size\"\n            [glyph]=\"avatar.glyph\"\n            [zoomGlyph]=\"avatar.zoomGlyph\"\n            *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n            [label]=\"avatar.label\"\n            [circle]=\"avatar.circle\"\n            [placeholder]=\"avatar.placeholder\"\n            [tile]=\"avatar.tile\"\n            [colorAccent]=\"avatar.colorAccent\"\n            [image]=\"avatar.image\"\n            [transparent]=\"avatar.transparent\"\n            [random]=\"avatar.random\"\n            [class]=\"avatar.class\"\n            [ariaLabel]=\"avatar.ariaLabel\"\n            [ariaLabelledby]=\"avatar.ariaLabelledby\"\n            [contain]=\"avatar.contain\"\n            [border]=\"avatar.border\"\n            [alterIcon]=\"avatar.alterIcon\"\n            [backupImage]=\"avatar.backupImage\"\n            [clickable]=\"avatar.clickable\"\n            [attr.alt]=\"avatar.ariaLabel\"\n            role=\"img\"\n        ></fd-avatar>\n    </div>\n\n    <div class=\"fd-list__content\">\n        <div *ngIf=\"title\" fd-list-title [attr.aria-label]=\"title\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n            {{ title }}\n        </div>\n        <div class=\"fd-list__byline fd-list__byline--2-col\">\n            <ng-container *ngIf=\"description\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(description) ? advancedDescription : simpleDescription\"\n                    [ngTemplateOutletContext]=\"{ $implicit: description }\"\n                ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"secondary\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(secondary) ? advancedSecondary : simpleSecondary\"\n                    [ngTemplateOutletContext]=\"{ $implicit: secondary }\"\n                ></ng-container>\n            </ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #selectionTemplate>\n    <div\n        fd-form-item\n        class=\"fd-list__form-item\"\n        *ngIf=\"(selectionMode === 'multi' || selectionMode === 'single') && !rowSelection\"\n    >\n        <fd-checkbox\n            *ngIf=\"selectionMode === 'multi'\"\n            (click)=\"$event.stopPropagation()\"\n            [(ngModel)]=\"_selected\"\n            [ariaLabel]=\"ariaLabel\"\n            tabIndexValue=\"-1\"\n            (ngModelChange)=\"_onCheckboxModelChange()\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-checkbox>\n        <fd-radio-button\n            *ngIf=\"selectionMode === 'single'\"\n            [value]=\"value\"\n            [name]=\"name\"\n            role=\"radio\"\n            [(ngModel)]=\"selectionValue\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-radio-button>\n    </div>\n</ng-template>\n<ng-template #actionsTemplate>\n    <ng-content select=\"#secondaryAction\"></ng-content>\n    <button\n        fd-button\n        #edit\n        [attr.id]=\"'detail-' + id\"\n        *ngIf=\"listType === 'detail'\"\n        role=\"button\"\n        fdType=\"transparent\"\n        glyph=\"edit\"\n        (click)=\"_onActionButtonClick('edit')\"\n        [attr.aria-label]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        (keydown)=\"_onKeyButtonClick($event, 'edit')\"\n    ></button>\n    <button\n        fd-button\n        #delete\n        [attr.id]=\"'delete-' + id\"\n        *ngIf=\"selectionMode === 'delete'\"\n        role=\"button\"\n        [attr.aria-label]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        fdType=\"transparent\"\n        glyph=\"decline\"\n        (click)=\"_onActionButtonClick('delete')\"\n        (keydown)=\"_onKeyButtonClick($event, 'delete')\"\n    ></button>\n</ng-template>\n\n<ng-template #simpleDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description\"\n        [attr.title]=\"description\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description }}\n    </span>\n</ng-template>\n<ng-template #advancedDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description.ariaLabel ?? description.text\"\n        [attr.title]=\"description.title ?? description.text\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description.text }}\n    </span>\n</ng-template>\n\n<ng-template #simpleSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary }}</fdp-object-status>\n    </span>\n</ng-template>\n<ng-template #advancedSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary.text }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary.text }}</fdp-object-status>\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i9.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i10.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i11.ObjectStatusComponent, selector: "fdp-object-status", inputs: ["status", "glyph", "indicationColor", "clickable", "inverted", "large", "label", "ariaLabel", "title"], outputs: ["objectStatusClick"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemComponent, decorators: [{
+StandardListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+StandardListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StandardListItemComponent, selector: "fdp-standard-list-item", providers: [{ provide: BaseListItem, useExisting: forwardRef(() => StandardListItemComponent) }], usesInheritance: true, ngImport: i0, template: "<!--  list item navigation with Arrow-->\n<ng-container *ngIf=\"navigationIndicator || (navigated && !(noDataText !== null && noDataText !== undefined))\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        [tabindex]=\"-1\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup)=\"_onKeyUp($event)\"\n        class=\"fd-list__item--link\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"> </ng-container>\n        <a\n            #linkElement\n            fd-list-link\n            [routerLink]=\"link\"\n            [navigationIndicator]=\"navigationIndicator\"\n            [navigated]=\"navigated\"\n        >\n            <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n        </a>\n    </li>\n</ng-container>\n\n<!--  list item without navigation and used for simple list display-->\n<ng-container *ngIf=\"!navigationIndicator && !navigated && !(noDataText !== null && noDataText !== undefined)\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        (keydown)=\"_onKeyDown($event)\"\n        [tabindex]=\"-1\"\n        (keyup)=\"_onKeyUp($event)\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n    </li>\n</ng-container>\n\n<ng-container *ngIf=\"noDataText !== null && noDataText !== undefined\">\n    <li\n        #listItem\n        fd-list-item\n        [attr.id]=\"id\"\n        [tabindex]=\"0\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n    >\n        <span fd-list-title [attr.aria-label]=\"noDataText\" [attr.title]=\"noDataText\">{{ noDataText }}</span>\n    </li>\n</ng-container>\n\n<ng-template #commonTemplate>\n    <fd-icon\n        class=\"fd-list__icon\"\n        *ngIf=\"icon.glyph\"\n        [glyph]=\"icon.glyph\"\n        [font]=\"icon.font\"\n        [ariaLabel]=\"icon.ariaLabel\"\n        [attr.alt]=\"icon.ariaLabel\"\n        role=\"img\"\n    >\n    </fd-icon>\n    <fd-avatar\n        [size]=\"avatar.size\"\n        [glyph]=\"avatar.glyph\"\n        [zoomGlyph]=\"avatar.zoomGlyph\"\n        *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n        [label]=\"avatar.label\"\n        [circle]=\"avatar.circle\"\n        [placeholder]=\"avatar.placeholder\"\n        [tile]=\"avatar.tile\"\n        [colorAccent]=\"avatar.colorAccent\"\n        [image]=\"avatar.image\"\n        [transparent]=\"avatar.transparent\"\n        [random]=\"avatar.random\"\n        [class]=\"'fd-list__icon ' + avatar.class\"\n        [ariaLabel]=\"avatar.ariaLabel\"\n        [ariaLabelledby]=\"avatar.ariaLabelledby\"\n        [contain]=\"avatar.contain\"\n        [border]=\"avatar.border\"\n        [alterIcon]=\"avatar.alterIcon\"\n        [backupImage]=\"avatar.backupImage\"\n        [clickable]=\"avatar.clickable\"\n        [attr.alt]=\"avatar.ariaLabel\"\n        role=\"img\"\n    ></fd-avatar>\n    <span *ngIf=\"title\" fd-list-title [attr.aria-label]=\"ariaLabel\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n        {{ title }}\n    </span>\n    <span\n        fd-list-secondary\n        [attr.aria-label]=\"secondary\"\n        *ngIf=\"secondary !== null && secondary !== undefined\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        fd-list-secondary\n        class=\"fd-list__item-counter\"\n        [attr.aria-label]=\"counter\"\n        *ngIf=\"counter !== null && counter !== undefined\"\n        [attr.title]=\"counter\"\n    >\n        {{ counter }}\n    </span>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #byLineTemplate>\n    <div fdListThumbnail>\n        <fd-icon\n            class=\"fd-list__icon\"\n            *ngIf=\"icon.glyph\"\n            [glyph]=\"icon.glyph\"\n            [font]=\"icon.font\"\n            [ariaLabel]=\"icon.ariaLabel\"\n            [attr.alt]=\"icon.ariaLabel\"\n            role=\"img\"\n        >\n        </fd-icon>\n        <fd-avatar\n            [size]=\"avatar.size\"\n            [glyph]=\"avatar.glyph\"\n            [zoomGlyph]=\"avatar.zoomGlyph\"\n            *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n            [label]=\"avatar.label\"\n            [circle]=\"avatar.circle\"\n            [placeholder]=\"avatar.placeholder\"\n            [tile]=\"avatar.tile\"\n            [colorAccent]=\"avatar.colorAccent\"\n            [image]=\"avatar.image\"\n            [transparent]=\"avatar.transparent\"\n            [random]=\"avatar.random\"\n            [class]=\"avatar.class\"\n            [ariaLabel]=\"avatar.ariaLabel\"\n            [ariaLabelledby]=\"avatar.ariaLabelledby\"\n            [contain]=\"avatar.contain\"\n            [border]=\"avatar.border\"\n            [alterIcon]=\"avatar.alterIcon\"\n            [backupImage]=\"avatar.backupImage\"\n            [clickable]=\"avatar.clickable\"\n            [attr.alt]=\"avatar.ariaLabel\"\n            role=\"img\"\n        ></fd-avatar>\n    </div>\n\n    <div class=\"fd-list__content\">\n        <div *ngIf=\"title\" fd-list-title [attr.aria-label]=\"title\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n            {{ title }}\n        </div>\n        <div class=\"fd-list__byline fd-list__byline--2-col\">\n            <ng-container *ngIf=\"description\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(description) ? advancedDescription : simpleDescription\"\n                    [ngTemplateOutletContext]=\"{ $implicit: description }\"\n                ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"secondary\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(secondary) ? advancedSecondary : simpleSecondary\"\n                    [ngTemplateOutletContext]=\"{ $implicit: secondary }\"\n                ></ng-container>\n            </ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #selectionTemplate>\n    <div\n        fd-form-item\n        class=\"fd-list__form-item\"\n        *ngIf=\"(selectionMode === 'multi' || selectionMode === 'single') && !rowSelection\"\n    >\n        <fd-checkbox\n            *ngIf=\"selectionMode === 'multi'\"\n            (click)=\"$event.stopPropagation()\"\n            [(ngModel)]=\"_selected\"\n            [ariaLabel]=\"ariaLabel\"\n            tabIndexValue=\"-1\"\n            (ngModelChange)=\"_onCheckboxModelChange()\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-checkbox>\n        <fd-radio-button\n            *ngIf=\"selectionMode === 'single'\"\n            [value]=\"value\"\n            [name]=\"name\"\n            role=\"radio\"\n            [(ngModel)]=\"selectionValue\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-radio-button>\n    </div>\n</ng-template>\n<ng-template #actionsTemplate>\n    <ng-content select=\"#secondaryAction\"></ng-content>\n    <button\n        fd-button\n        #edit\n        [attr.id]=\"'detail-' + id\"\n        *ngIf=\"listType === 'detail'\"\n        role=\"button\"\n        fdType=\"transparent\"\n        glyph=\"edit\"\n        (click)=\"_onActionButtonClick('edit')\"\n        [attr.aria-label]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        (keydown)=\"_onKeyButtonClick($event, 'edit')\"\n    ></button>\n    <button\n        fd-button\n        #delete\n        [attr.id]=\"'delete-' + id\"\n        *ngIf=\"selectionMode === 'delete'\"\n        role=\"button\"\n        [attr.aria-label]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        fdType=\"transparent\"\n        glyph=\"decline\"\n        (click)=\"_onActionButtonClick('delete')\"\n        (keydown)=\"_onKeyButtonClick($event, 'delete')\"\n    ></button>\n</ng-template>\n\n<ng-template #simpleDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description\"\n        [attr.title]=\"description\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description }}\n    </span>\n</ng-template>\n<ng-template #advancedDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description.ariaLabel ?? description.text\"\n        [attr.title]=\"description.title ?? description.text\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description.text }}\n    </span>\n</ng-template>\n\n<ng-template #simpleSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary }}</fdp-object-status>\n    </span>\n</ng-template>\n<ng-template #advancedSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary.text }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary.text }}</fdp-object-status>\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i5.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListSecondaryDirective, selector: "[fd-list-secondary] ,[fdListSecondary]" }, { kind: "directive", type: i8.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "directive", type: i8.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: i9.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "directive", type: i10.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i11.ObjectStatusComponent, selector: "fdp-object-status", inputs: ["status", "glyph", "indicationColor", "clickable", "inverted", "large", "label", "ariaLabel", "title"], outputs: ["objectStatusClick"] }, { kind: "pipe", type: i12.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-standard-list-item', providers: [{ provide: BaseListItem, useExisting: forwardRef(() => StandardListItemComponent) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!--  list item navigation with Arrow-->\n<ng-container *ngIf=\"navigationIndicator || (navigated && !(noDataText !== null && noDataText !== undefined))\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        [tabindex]=\"-1\"\n        (keydown)=\"_onKeyDown($event)\"\n        (keyup)=\"_onKeyUp($event)\"\n        class=\"fd-list__item--link\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"> </ng-container>\n        <a\n            #linkElement\n            fd-list-link\n            [routerLink]=\"link\"\n            [navigationIndicator]=\"navigationIndicator\"\n            [navigated]=\"navigated\"\n        >\n            <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n        </a>\n    </li>\n</ng-container>\n\n<!--  list item without navigation and used for simple list display-->\n<ng-container *ngIf=\"!navigationIndicator && !navigated && !(noDataText !== null && noDataText !== undefined)\">\n    <li\n        #listItem\n        [unread]=\"unRead\"\n        fd-list-item\n        [attr.id]=\"id\"\n        [selected]=\"_selected\"\n        (keydown)=\"_onKeyDown($event)\"\n        [tabindex]=\"-1\"\n        (keyup)=\"_onKeyUp($event)\"\n        [attr.aria-label]=\"ariaLabel\"\n        [ariaDescribedBy]=\"ariaDescribedBy\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n        [class.fd-list__item--inactive]=\"listType === 'inactive'\"\n        [attr.role]=\"role\"\n    >\n        <ng-container *ngTemplateOutlet=\"selectionTemplate\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"_hasByLine ? byLineTemplate : commonTemplate\"></ng-container>\n    </li>\n</ng-container>\n\n<ng-container *ngIf=\"noDataText !== null && noDataText !== undefined\">\n    <li\n        #listItem\n        fd-list-item\n        [attr.id]=\"id\"\n        [tabindex]=\"0\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-level]=\"ariaLevel\"\n        [attr.aria-posinet]=\"ariaPosinet\"\n    >\n        <span fd-list-title [attr.aria-label]=\"noDataText\" [attr.title]=\"noDataText\">{{ noDataText }}</span>\n    </li>\n</ng-container>\n\n<ng-template #commonTemplate>\n    <fd-icon\n        class=\"fd-list__icon\"\n        *ngIf=\"icon.glyph\"\n        [glyph]=\"icon.glyph\"\n        [font]=\"icon.font\"\n        [ariaLabel]=\"icon.ariaLabel\"\n        [attr.alt]=\"icon.ariaLabel\"\n        role=\"img\"\n    >\n    </fd-icon>\n    <fd-avatar\n        [size]=\"avatar.size\"\n        [glyph]=\"avatar.glyph\"\n        [zoomGlyph]=\"avatar.zoomGlyph\"\n        *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n        [label]=\"avatar.label\"\n        [circle]=\"avatar.circle\"\n        [placeholder]=\"avatar.placeholder\"\n        [tile]=\"avatar.tile\"\n        [colorAccent]=\"avatar.colorAccent\"\n        [image]=\"avatar.image\"\n        [transparent]=\"avatar.transparent\"\n        [random]=\"avatar.random\"\n        [class]=\"'fd-list__icon ' + avatar.class\"\n        [ariaLabel]=\"avatar.ariaLabel\"\n        [ariaLabelledby]=\"avatar.ariaLabelledby\"\n        [contain]=\"avatar.contain\"\n        [border]=\"avatar.border\"\n        [alterIcon]=\"avatar.alterIcon\"\n        [backupImage]=\"avatar.backupImage\"\n        [clickable]=\"avatar.clickable\"\n        [attr.alt]=\"avatar.ariaLabel\"\n        role=\"img\"\n    ></fd-avatar>\n    <span *ngIf=\"title\" fd-list-title [attr.aria-label]=\"ariaLabel\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n        {{ title }}\n    </span>\n    <span\n        fd-list-secondary\n        [attr.aria-label]=\"secondary\"\n        *ngIf=\"secondary !== null && secondary !== undefined\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        fd-list-secondary\n        class=\"fd-list__item-counter\"\n        [attr.aria-label]=\"counter\"\n        *ngIf=\"counter !== null && counter !== undefined\"\n        [attr.title]=\"counter\"\n    >\n        {{ counter }}\n    </span>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #byLineTemplate>\n    <div fdListThumbnail>\n        <fd-icon\n            class=\"fd-list__icon\"\n            *ngIf=\"icon.glyph\"\n            [glyph]=\"icon.glyph\"\n            [font]=\"icon.font\"\n            [ariaLabel]=\"icon.ariaLabel\"\n            [attr.alt]=\"icon.ariaLabel\"\n            role=\"img\"\n        >\n        </fd-icon>\n        <fd-avatar\n            [size]=\"avatar.size\"\n            [glyph]=\"avatar.glyph\"\n            [zoomGlyph]=\"avatar.zoomGlyph\"\n            *ngIf=\"avatar.label || avatar.image || avatar.glyph || avatar.zoomGlyph\"\n            [label]=\"avatar.label\"\n            [circle]=\"avatar.circle\"\n            [placeholder]=\"avatar.placeholder\"\n            [tile]=\"avatar.tile\"\n            [colorAccent]=\"avatar.colorAccent\"\n            [image]=\"avatar.image\"\n            [transparent]=\"avatar.transparent\"\n            [random]=\"avatar.random\"\n            [class]=\"avatar.class\"\n            [ariaLabel]=\"avatar.ariaLabel\"\n            [ariaLabelledby]=\"avatar.ariaLabelledby\"\n            [contain]=\"avatar.contain\"\n            [border]=\"avatar.border\"\n            [alterIcon]=\"avatar.alterIcon\"\n            [backupImage]=\"avatar.backupImage\"\n            [clickable]=\"avatar.clickable\"\n            [attr.alt]=\"avatar.ariaLabel\"\n            role=\"img\"\n        ></fd-avatar>\n    </div>\n\n    <div class=\"fd-list__content\">\n        <div *ngIf=\"title\" fd-list-title [attr.aria-label]=\"title\" [attr.nowrap]=\"titleWrap\" [attr.title]=\"title\">\n            {{ title }}\n        </div>\n        <div class=\"fd-list__byline fd-list__byline--2-col\">\n            <ng-container *ngIf=\"description\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(description) ? advancedDescription : simpleDescription\"\n                    [ngTemplateOutletContext]=\"{ $implicit: description }\"\n                ></ng-container>\n            </ng-container>\n            <ng-container *ngIf=\"secondary\">\n                <ng-container\n                    [ngTemplateOutlet]=\"_isAdvancedText(secondary) ? advancedSecondary : simpleSecondary\"\n                    [ngTemplateOutletContext]=\"{ $implicit: secondary }\"\n                ></ng-container>\n            </ng-container>\n        </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"actionsTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #selectionTemplate>\n    <div\n        fd-form-item\n        class=\"fd-list__form-item\"\n        *ngIf=\"(selectionMode === 'multi' || selectionMode === 'single') && !rowSelection\"\n    >\n        <fd-checkbox\n            *ngIf=\"selectionMode === 'multi'\"\n            (click)=\"$event.stopPropagation()\"\n            [(ngModel)]=\"_selected\"\n            [ariaLabel]=\"ariaLabel\"\n            tabIndexValue=\"-1\"\n            (ngModelChange)=\"_onCheckboxModelChange()\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-checkbox>\n        <fd-radio-button\n            *ngIf=\"selectionMode === 'single'\"\n            [value]=\"value\"\n            [name]=\"name\"\n            role=\"radio\"\n            [(ngModel)]=\"selectionValue\"\n            [attr.aria-selected]=\"_selected\"\n        >\n        </fd-radio-button>\n    </div>\n</ng-template>\n<ng-template #actionsTemplate>\n    <ng-content select=\"#secondaryAction\"></ng-content>\n    <button\n        fd-button\n        #edit\n        [attr.id]=\"'detail-' + id\"\n        *ngIf=\"listType === 'detail'\"\n        role=\"button\"\n        fdType=\"transparent\"\n        glyph=\"edit\"\n        (click)=\"_onActionButtonClick('edit')\"\n        [attr.aria-label]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.detailsActionAriaLabel' | fdTranslate\"\n        (keydown)=\"_onKeyButtonClick($event, 'edit')\"\n    ></button>\n    <button\n        fd-button\n        #delete\n        [attr.id]=\"'delete-' + id\"\n        *ngIf=\"selectionMode === 'delete'\"\n        role=\"button\"\n        [attr.aria-label]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        [attr.title]=\"'platformStandardListItem.deleteActionAriaLabel' | fdTranslate\"\n        fdType=\"transparent\"\n        glyph=\"decline\"\n        (click)=\"_onActionButtonClick('delete')\"\n        (keydown)=\"_onKeyButtonClick($event, 'delete')\"\n    ></button>\n</ng-template>\n\n<ng-template #simpleDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description\"\n        [attr.title]=\"description\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description }}\n    </span>\n</ng-template>\n<ng-template #advancedDescription let-description>\n    <span\n        class=\"fd-list__byline-left\"\n        [attr.aria-label]=\"description.ariaLabel ?? description.text\"\n        [attr.title]=\"description.title ?? description.text\"\n        [attr.nowrap]=\"titleWrap\"\n    >\n        {{ description.text }}\n    </span>\n</ng-template>\n\n<ng-template #simpleSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary\"\n        [attr.title]=\"secondary\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary }}</fdp-object-status>\n    </span>\n</ng-template>\n<ng-template #advancedSecondary let-secondary>\n    <span\n        *ngIf=\"!inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        class=\"fd-list__byline-right\"\n        [class]=\"statusType ? 'fd-list__byline-right--' + statusType : ''\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        {{ secondary.text }}\n    </span>\n    <span\n        class=\"fd-list__byline-right\"\n        *ngIf=\"inverted\"\n        [attr.aria-label]=\"secondary.ariaLabel ?? secondary.text\"\n        [attr.title]=\"secondary.title ?? secondary.text\"\n        [attr.nowrap]=\"secondaryWrap\"\n    >\n        <fdp-object-status [status]=\"statusType\" [inverted]=\"inverted\"> {{ secondary.text }}</fdp-object-status>\n    </span>\n</ng-template>\n" }]
         }] });

package/esm2020/list/standard-list-item/standard-list-item.module.mjs

@@ -19,8 +19,8 @@ import { PlatformContentDensityDeprecationsModule } from '@fundamental-ngx/platf
 import * as i0 from "@angular/core";
 export class StandardListItemModule {
 }
-StandardListItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StandardListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemModule, declarations: [StandardListItemComponent], imports: [CommonModule,
+StandardListItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StandardListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemModule, declarations: [StandardListItemComponent], imports: [CommonModule,
         IconModule,
         FormsModule,
         CheckboxModule,
@@ -36,7 +36,7 @@ StandardListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         PlatformObjectStatusModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule], exports: [StandardListItemComponent, ContentDensityModule, PlatformContentDensityDeprecationsModule] });
-StandardListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemModule, imports: [CommonModule,
+StandardListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemModule, imports: [CommonModule,
         IconModule,
         FormsModule,
         CheckboxModule,
@@ -52,7 +52,7 @@ StandardListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
         PlatformObjectStatusModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, ContentDensityModule, PlatformContentDensityDeprecationsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: StandardListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StandardListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [StandardListItemComponent],

package/esm2020/menu/menu-item.component.mjs

@@ -78,9 +78,9 @@ export class MenuItemComponent {
         this.hovered.next(this);
     }
 }
-MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuItemComponent, selector: "fdp-menu-item", inputs: { disabled: "disabled", cascadeDirection: "cascadeDirection" }, outputs: { itemSelect: "itemSelect" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_onItemKeydown($event)", "click": "_onItemClick($event)", "mouseenter": "_onMouseEnter()" }, properties: { "class.trigger": "this.isTrigger" }, classAttribute: "fd-menu__item" }, queries: [{ propertyName: "_fdMenuInteractiveChild", first: true, predicate: MenuInteractiveDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"!_fdMenuInteractiveChild; else projectedContent\">\n    <div\n        class=\"fd-menu__link\"\n        [class.is-disabled]=\"disabled\"\n        [attr.disabled]=\"disabled\"\n        [class.is-selected]=\"isSelected\"\n        tabindex=\"0\"\n        role=\"menuitem\"\n    >\n        <span class=\"fd-menu__title\">\n            <ng-container [ngTemplateOutlet]=\"projectedContent\"></ng-container>\n        </span>\n        <span *ngIf=\"isTrigger\" class=\"fd-menu__addon-after fd-menu__addon-after--submenu\"></span>\n    </div>\n</ng-container>\n\n<ng-template #projectedContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dialog__body{--fdButton_Menu_Border_Radius:0}.fd-menu{--fdMenu_Icon_Width:2.25rem;--fdMenu_Icon_Before_Margin:0 0 0 -.75rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:20rem;padding:0;width:-moz-fit-content;width:fit-content}.fd-menu:after,.fd-menu:before{box-sizing:inherit;font-size:inherit}.fd-menu__list,.fd-menu__sublist{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow1);border:0;border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-menu__list:after,.fd-menu__list:before,.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__list--no-shadow,.fd-menu__sublist--no-shadow{box-shadow:none}.fd-menu__sublist{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;left:100%;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0 -.25rem;min-width:100%;padding:0;position:absolute;top:0;z-index:2}.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__sublist[dir=rtl],[dir=rtl] .fd-menu__sublist{left:auto;margin:.25rem -.25rem 0 0;right:100%}.fd-menu__sublist[aria-hidden=true]{display:none}.fd-menu__list>.fd-menu__item{position:relative;width:100%}.fd-menu__list--overflow{flex-wrap:nowrap;overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow.is-focus,.fd-menu__list--overflow:focus{outline:none;z-index:5}.fd-menu__list--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb:active,.fd-menu__list--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu__separator{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBorderColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-menu__separator:after,.fd-menu__separator:before{box-sizing:inherit;font-size:inherit}.fd-menu__item{-webkit-box-sizing:border-box;background-color:var(--sapList_Background);border:0;border-radius:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-menu__item:after,.fd-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-menu__item:first-child,.fd-menu__item:first-child .fd-menu__link:after{border-top-left-radius:var(--fdButton_Menu_Border_Radius);border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__item:last-of-type,.fd-menu__item:last-of-type .fd-menu__link:after{border-bottom-left-radius:var(--fdButton_Menu_Border_Radius);border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:inherit;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdMenu_Link_Height, 2.75rem);line-height:var(--sapContent_LineHeight);margin:0;outline:none;padding:0;padding:var(--fdMenu_Link_Padding, .75rem 1rem .75rem .75rem);text-decoration:none;width:100%}.fd-menu__link:after,.fd-menu__link:before{box-sizing:inherit;font-size:inherit}.fd-menu__link.is-focus:after,.fd-menu__link:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:.0625rem;pointer-events:none;position:absolute}.fd-menu__link.is-hover,.fd-menu__link:hover{background-color:var(--sapList_Hover_Background)}.fd-menu__link.is-selected,.fd-menu__link[aria-selected=true]{background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.is-selected .fd-menu__addon-after,.fd-menu__link.is-selected .fd-menu__addon-before,.fd-menu__link.is-selected .fd-menu__shortcut,.fd-menu__link[aria-selected=true] .fd-menu__addon-after,.fd-menu__link[aria-selected=true] .fd-menu__addon-before,.fd-menu__link[aria-selected=true] .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),.fd-menu__link.is-selected:hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.is-selected.is-focus,.fd-menu__link.is-selected:focus,.fd-menu__link[aria-selected=true].is-focus,.fd-menu__link[aria-selected=true]:focus{z-index:5}.fd-menu__link.is-selected.is-focus:after,.fd-menu__link.is-selected:focus:after,.fd-menu__link[aria-selected=true].is-focus:after,.fd-menu__link[aria-selected=true]:focus:after{bottom:.125rem}.fd-menu__link.is-active,.fd-menu__link:active{background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active:after,.fd-menu__link:active:after{display:none}.fd-menu__link.is-active .fd-menu__addon-after,.fd-menu__link.is-active .fd-menu__addon-before,.fd-menu__link.is-active .fd-menu__shortcut,.fd-menu__link.is-active .fd-menu__title,.fd-menu__link:active .fd-menu__addon-after,.fd-menu__link:active .fd-menu__addon-before,.fd-menu__link:active .fd-menu__shortcut,.fd-menu__link:active .fd-menu__title{color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active.is-focus,.fd-menu__link.is-active:focus,.fd-menu__link:active.is-focus,.fd-menu__link:active:focus{outline-color:var(--fdMenu_Active_State_Focus);z-index:5}.fd-menu__link.is-disabled,.fd-menu__link:disabled,.fd-menu__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-menu__link.is-disabled.is-focus,.fd-menu__link.is-disabled:focus,.fd-menu__link:disabled.is-focus,.fd-menu__link:disabled:focus,.fd-menu__link[aria-disabled=true].is-focus,.fd-menu__link[aria-disabled=true]:focus{z-index:5}.fd-menu__link.is-disabled.is-focus:after,.fd-menu__link.is-disabled:focus:after,.fd-menu__link:disabled.is-focus:after,.fd-menu__link:disabled:focus:after,.fd-menu__link[aria-disabled=true].is-focus:after,.fd-menu__link[aria-disabled=true]:focus:after{display:none}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus{z-index:5}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus:after{bottom:.125rem}.fd-menu__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdMenu_Text_Shadow);white-space:nowrap;width:100%}.fd-menu__title:after,.fd-menu__title:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after,.fd-menu__addon-before{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;height:1.25rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:var(--fdMenu_Icon_Width);padding:0;text-shadow:var(--fdMenu_Text_Shadow);width:var(--fdMenu_Icon_Width)}.fd-menu__addon-after:after,.fd-menu__addon-after:before,.fd-menu__addon-before:after,.fd-menu__addon-before:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after [class*=sap-icon],.fd-menu__addon-after[class*=sap-icon],.fd-menu__addon-before [class*=sap-icon],.fd-menu__addon-before[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-menu__addon-before{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after,.fd-menu__addon-before[dir=rtl],[dir=rtl] .fd-menu__addon-before{margin:var(--fdMenu_Icon_After_Margin)}.fd-menu__addon-after[dir=rtl],[dir=rtl] .fd-menu__addon-after{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after--submenu{font-size:var(--sapFontSmallSize)}.fd-menu__addon-after--submenu:before{content:\"\\e066\"}.fd-menu__addon-after--submenu:before,.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{content:\"\\e067\"}.fd-menu__shortcut{-webkit-box-sizing:border-box;-ms-flex-negative:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 0 0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-menu__shortcut:after,.fd-menu__shortcut:before{box-sizing:inherit;font-size:inherit}.fd-menu__shortcut[dir=rtl],[dir=rtl] .fd-menu__shortcut{padding-left:0;padding-right:1rem}.fd-menu--overflow{-webkit-box-shadow:var(--sapContent_Shadow1);border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu--overflow.is-focus,.fd-menu--overflow:focus{outline:none;z-index:5}.fd-menu--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb:active,.fd-menu--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu--overflow .fd-menu__list{box-shadow:none}.fd-menu--overflow .fd-menu__item:first-child{border-top-right-radius:0}.fd-menu--overflow .fd-menu__item:first-child[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:first-child{border-top-left-radius:0;border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-right-radius:0}.fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-left-radius:0;border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--full-width{max-width:100%}.fd-menu[class*=-compact],.fd-menu[class*=-condensed],[class*=-compact] .fd-menu:not([class*=-cozy]),[class*=-condensed] .fd-menu:not([class*=-cozy]){--fdMenu_Icon_Before_Margin:0 0 0 -.5rem;--fdMenu_Icon_After_Margin:0 -.75rem 0 0;--fdMenu_Icon_Width:2rem;--fdMenu_Link_Padding:.375rem .75rem;--fdMenu_Link_Height:2rem}.fd-menu--mobile{--fdMenu_Icon_Before_Margin:0 0 0 -1rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;--fdMenu_Icon_Width:2.75rem;max-width:100%;width:100%}.fd-menu--mobile .fd-menu__list,.fd-menu--mobile .fd-menu__sublist{-webkit-box-shadow:none;border-radius:0;box-shadow:none;margin:0;position:static}.fd-menu--mobile .fd-menu__list .fd-menu__item,.fd-menu--mobile .fd-menu__sublist .fd-menu__item{border-radius:0}.fd-menu--mobile .fd-menu__list .fd-menu__link,.fd-menu--mobile .fd-menu__sublist .fd-menu__link{padding:.75rem 1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuItemComponent, decorators: [{
+MenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuItemComponent, selector: "fdp-menu-item", inputs: { disabled: "disabled", cascadeDirection: "cascadeDirection" }, outputs: { itemSelect: "itemSelect" }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "_onItemKeydown($event)", "click": "_onItemClick($event)", "mouseenter": "_onMouseEnter()" }, properties: { "class.trigger": "this.isTrigger" }, classAttribute: "fd-menu__item" }, queries: [{ propertyName: "_fdMenuInteractiveChild", first: true, predicate: MenuInteractiveDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"!_fdMenuInteractiveChild; else projectedContent\">\n    <div\n        class=\"fd-menu__link\"\n        [class.is-disabled]=\"disabled\"\n        [attr.disabled]=\"disabled\"\n        [class.is-selected]=\"isSelected\"\n        tabindex=\"0\"\n        role=\"menuitem\"\n    >\n        <span class=\"fd-menu__title\">\n            <ng-container [ngTemplateOutlet]=\"projectedContent\"></ng-container>\n        </span>\n        <span *ngIf=\"isTrigger\" class=\"fd-menu__addon-after fd-menu__addon-after--submenu\"></span>\n    </div>\n</ng-container>\n\n<ng-template #projectedContent>\n    <ng-content></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dialog__body{--fdButton_Menu_Border_Radius:0}.fd-menu{--fdMenu_Icon_Width:2.25rem;--fdMenu_Icon_Before_Margin:0 0 0 -.75rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:20rem;padding:0;width:-moz-fit-content;width:fit-content}.fd-menu:after,.fd-menu:before{box-sizing:inherit;font-size:inherit}.fd-menu__list,.fd-menu__sublist{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow1);border:0;border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-menu__list:after,.fd-menu__list:before,.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__list--no-shadow,.fd-menu__sublist--no-shadow{box-shadow:none}.fd-menu__sublist{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;left:100%;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0 -.25rem;min-width:100%;padding:0;position:absolute;top:0;z-index:2}.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__sublist[dir=rtl],[dir=rtl] .fd-menu__sublist{left:auto;margin:.25rem -.25rem 0 0;right:100%}.fd-menu__sublist[aria-hidden=true]{display:none}.fd-menu__list>.fd-menu__item{position:relative;width:100%}.fd-menu__list--overflow{flex-wrap:nowrap;overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow.is-focus,.fd-menu__list--overflow:focus{outline:none;z-index:5}.fd-menu__list--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb:active,.fd-menu__list--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu__separator{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBorderColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-menu__separator:after,.fd-menu__separator:before{box-sizing:inherit;font-size:inherit}.fd-menu__item{-webkit-box-sizing:border-box;background-color:var(--sapList_Background);border:0;border-radius:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-menu__item:after,.fd-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-menu__item:first-child,.fd-menu__item:first-child .fd-menu__link:after{border-top-left-radius:var(--fdButton_Menu_Border_Radius);border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__item:last-of-type,.fd-menu__item:last-of-type .fd-menu__link:after{border-bottom-left-radius:var(--fdButton_Menu_Border_Radius);border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:inherit;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdMenu_Link_Height, 2.75rem);line-height:var(--sapContent_LineHeight);margin:0;outline:none;padding:0;padding:var(--fdMenu_Link_Padding, .75rem 1rem .75rem .75rem);text-decoration:none;width:100%}.fd-menu__link:after,.fd-menu__link:before{box-sizing:inherit;font-size:inherit}.fd-menu__link.is-focus:after,.fd-menu__link:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:.0625rem;pointer-events:none;position:absolute}.fd-menu__link.is-hover,.fd-menu__link:hover{background-color:var(--sapList_Hover_Background)}.fd-menu__link.is-selected,.fd-menu__link[aria-selected=true]{background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.is-selected .fd-menu__addon-after,.fd-menu__link.is-selected .fd-menu__addon-before,.fd-menu__link.is-selected .fd-menu__shortcut,.fd-menu__link[aria-selected=true] .fd-menu__addon-after,.fd-menu__link[aria-selected=true] .fd-menu__addon-before,.fd-menu__link[aria-selected=true] .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),.fd-menu__link.is-selected:hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.is-selected.is-focus,.fd-menu__link.is-selected:focus,.fd-menu__link[aria-selected=true].is-focus,.fd-menu__link[aria-selected=true]:focus{z-index:5}.fd-menu__link.is-selected.is-focus:after,.fd-menu__link.is-selected:focus:after,.fd-menu__link[aria-selected=true].is-focus:after,.fd-menu__link[aria-selected=true]:focus:after{bottom:.125rem}.fd-menu__link.is-active,.fd-menu__link:active{background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active:after,.fd-menu__link:active:after{display:none}.fd-menu__link.is-active .fd-menu__addon-after,.fd-menu__link.is-active .fd-menu__addon-before,.fd-menu__link.is-active .fd-menu__shortcut,.fd-menu__link.is-active .fd-menu__title,.fd-menu__link:active .fd-menu__addon-after,.fd-menu__link:active .fd-menu__addon-before,.fd-menu__link:active .fd-menu__shortcut,.fd-menu__link:active .fd-menu__title{color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active.is-focus,.fd-menu__link.is-active:focus,.fd-menu__link:active.is-focus,.fd-menu__link:active:focus{outline-color:var(--fdMenu_Active_State_Focus);z-index:5}.fd-menu__link.is-disabled,.fd-menu__link:disabled,.fd-menu__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-menu__link.is-disabled.is-focus,.fd-menu__link.is-disabled:focus,.fd-menu__link:disabled.is-focus,.fd-menu__link:disabled:focus,.fd-menu__link[aria-disabled=true].is-focus,.fd-menu__link[aria-disabled=true]:focus{z-index:5}.fd-menu__link.is-disabled.is-focus:after,.fd-menu__link.is-disabled:focus:after,.fd-menu__link:disabled.is-focus:after,.fd-menu__link:disabled:focus:after,.fd-menu__link[aria-disabled=true].is-focus:after,.fd-menu__link[aria-disabled=true]:focus:after{display:none}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus{z-index:5}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus:after{bottom:.125rem}.fd-menu__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdMenu_Text_Shadow);white-space:nowrap;width:100%}.fd-menu__title:after,.fd-menu__title:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after,.fd-menu__addon-before{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;height:1.25rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:var(--fdMenu_Icon_Width);padding:0;text-shadow:var(--fdMenu_Text_Shadow);width:var(--fdMenu_Icon_Width)}.fd-menu__addon-after:after,.fd-menu__addon-after:before,.fd-menu__addon-before:after,.fd-menu__addon-before:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after [class*=sap-icon],.fd-menu__addon-after[class*=sap-icon],.fd-menu__addon-before [class*=sap-icon],.fd-menu__addon-before[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-menu__addon-before{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after,.fd-menu__addon-before[dir=rtl],[dir=rtl] .fd-menu__addon-before{margin:var(--fdMenu_Icon_After_Margin)}.fd-menu__addon-after[dir=rtl],[dir=rtl] .fd-menu__addon-after{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after--submenu{font-size:var(--sapFontSmallSize)}.fd-menu__addon-after--submenu:before{content:\"\\e066\"}.fd-menu__addon-after--submenu:before,.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{content:\"\\e067\"}.fd-menu__shortcut{-webkit-box-sizing:border-box;-ms-flex-negative:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 0 0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-menu__shortcut:after,.fd-menu__shortcut:before{box-sizing:inherit;font-size:inherit}.fd-menu__shortcut[dir=rtl],[dir=rtl] .fd-menu__shortcut{padding-left:0;padding-right:1rem}.fd-menu--overflow{-webkit-box-shadow:var(--sapContent_Shadow1);border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu--overflow.is-focus,.fd-menu--overflow:focus{outline:none;z-index:5}.fd-menu--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb:active,.fd-menu--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu--overflow .fd-menu__list{box-shadow:none}.fd-menu--overflow .fd-menu__item:first-child{border-top-right-radius:0}.fd-menu--overflow .fd-menu__item:first-child[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:first-child{border-top-left-radius:0;border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-right-radius:0}.fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-left-radius:0;border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--full-width{max-width:100%}.fd-menu[class*=-compact],.fd-menu[class*=-condensed],[class*=-compact] .fd-menu:not([class*=-cozy]),[class*=-condensed] .fd-menu:not([class*=-cozy]){--fdMenu_Icon_Before_Margin:0 0 0 -.5rem;--fdMenu_Icon_After_Margin:0 -.75rem 0 0;--fdMenu_Icon_Width:2rem;--fdMenu_Link_Padding:.375rem .75rem;--fdMenu_Link_Height:2rem}.fd-menu--mobile{--fdMenu_Icon_Before_Margin:0 0 0 -1rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;--fdMenu_Icon_Width:2.75rem;max-width:100%;width:100%}.fd-menu--mobile .fd-menu__list,.fd-menu--mobile .fd-menu__sublist{-webkit-box-shadow:none;border-radius:0;box-shadow:none;margin:0;position:static}.fd-menu--mobile .fd-menu__list .fd-menu__item,.fd-menu--mobile .fd-menu__sublist .fd-menu__item{border-radius:0}.fd-menu--mobile .fd-menu__list .fd-menu__link,.fd-menu--mobile .fd-menu__sublist .fd-menu__link{padding:.75rem 1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-menu-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fd-menu__item',

package/esm2020/menu/menu-trigger.directive.mjs

@@ -334,9 +334,9 @@ export class MenuTriggerDirective {
         return !!(this._parentMenu && this._menuItem);
     }
 }
-MenuTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.MenuItemComponent, optional: true, self: true }, { token: i3.MenuComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-MenuTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: MenuTriggerDirective, selector: "[fdpMenuTriggerFor]", inputs: { menu: ["fdpMenuTriggerFor", "menu"] }, host: { attributes: { "aria-haspopup": "menu" }, listeners: { "click": "_onTriggerClick($event)", "keydown": "_onTriggerKeydown($event)" }, properties: { "attr.aria-expanded": "isMenuOpen || null", "attr.aria-controls": "isMenuOpen ? menu.menuId : null" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuTriggerDirective, decorators: [{
+MenuTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i1.Overlay }, { token: i0.ViewContainerRef }, { token: i2.MenuItemComponent, optional: true, self: true }, { token: i3.MenuComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+MenuTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: MenuTriggerDirective, selector: "[fdpMenuTriggerFor]", inputs: { menu: ["fdpMenuTriggerFor", "menu"] }, host: { attributes: { "aria-haspopup": "menu" }, listeners: { "click": "_onTriggerClick($event)", "keydown": "_onTriggerKeydown($event)" }, properties: { "attr.aria-expanded": "isMenuOpen || null", "attr.aria-controls": "isMenuOpen ? menu.menuId : null" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `[fdpMenuTriggerFor]`,

package/esm2020/menu/menu.component.mjs

@@ -183,9 +183,9 @@ export class MenuComponent {
             (this.xPosition === 'before' && this.direction === 'ltr'));
     }
 }
-MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, deps: [{ token: i1.RtlService, optional: true }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "fdp-menu", inputs: { id: "id", openByArrowKeys: "openByArrowKeys", xPosition: "xPosition" }, outputs: { close: "close" }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "menuItems", predicate: MenuItemComponent }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["menuTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #menuTemplate>\n    <nav\n        [attr.id]=\"menuId\"\n        [attr.dir]=\"direction\"\n        class=\"fd-menu\"\n        [class.is-compact]=\"contentDensityObserver.isCompact$ | async\"\n        tabindex=\"0\"\n        role=\"menu\"\n        (click)=\"_onClick()\"\n        (keydown)=\"_onKeydown($event)\"\n    >\n        <div class=\"fd-menu__list\">\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dialog__body{--fdButton_Menu_Border_Radius:0}.fd-menu{--fdMenu_Icon_Width:2.25rem;--fdMenu_Icon_Before_Margin:0 0 0 -.75rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:20rem;padding:0;width:-moz-fit-content;width:fit-content}.fd-menu:after,.fd-menu:before{box-sizing:inherit;font-size:inherit}.fd-menu__list,.fd-menu__sublist{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow1);border:0;border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-menu__list:after,.fd-menu__list:before,.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__list--no-shadow,.fd-menu__sublist--no-shadow{box-shadow:none}.fd-menu__sublist{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;left:100%;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0 -.25rem;min-width:100%;padding:0;position:absolute;top:0;z-index:2}.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__sublist[dir=rtl],[dir=rtl] .fd-menu__sublist{left:auto;margin:.25rem -.25rem 0 0;right:100%}.fd-menu__sublist[aria-hidden=true]{display:none}.fd-menu__list>.fd-menu__item{position:relative;width:100%}.fd-menu__list--overflow{flex-wrap:nowrap;overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow.is-focus,.fd-menu__list--overflow:focus{outline:none;z-index:5}.fd-menu__list--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb:active,.fd-menu__list--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu__separator{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBorderColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-menu__separator:after,.fd-menu__separator:before{box-sizing:inherit;font-size:inherit}.fd-menu__item{-webkit-box-sizing:border-box;background-color:var(--sapList_Background);border:0;border-radius:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-menu__item:after,.fd-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-menu__item:first-child,.fd-menu__item:first-child .fd-menu__link:after{border-top-left-radius:var(--fdButton_Menu_Border_Radius);border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__item:last-of-type,.fd-menu__item:last-of-type .fd-menu__link:after{border-bottom-left-radius:var(--fdButton_Menu_Border_Radius);border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:inherit;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdMenu_Link_Height, 2.75rem);line-height:var(--sapContent_LineHeight);margin:0;outline:none;padding:0;padding:var(--fdMenu_Link_Padding, .75rem 1rem .75rem .75rem);text-decoration:none;width:100%}.fd-menu__link:after,.fd-menu__link:before{box-sizing:inherit;font-size:inherit}.fd-menu__link.is-focus:after,.fd-menu__link:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:.0625rem;pointer-events:none;position:absolute}.fd-menu__link.is-hover,.fd-menu__link:hover{background-color:var(--sapList_Hover_Background)}.fd-menu__link.is-selected,.fd-menu__link[aria-selected=true]{background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.is-selected .fd-menu__addon-after,.fd-menu__link.is-selected .fd-menu__addon-before,.fd-menu__link.is-selected .fd-menu__shortcut,.fd-menu__link[aria-selected=true] .fd-menu__addon-after,.fd-menu__link[aria-selected=true] .fd-menu__addon-before,.fd-menu__link[aria-selected=true] .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),.fd-menu__link.is-selected:hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.is-selected.is-focus,.fd-menu__link.is-selected:focus,.fd-menu__link[aria-selected=true].is-focus,.fd-menu__link[aria-selected=true]:focus{z-index:5}.fd-menu__link.is-selected.is-focus:after,.fd-menu__link.is-selected:focus:after,.fd-menu__link[aria-selected=true].is-focus:after,.fd-menu__link[aria-selected=true]:focus:after{bottom:.125rem}.fd-menu__link.is-active,.fd-menu__link:active{background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active:after,.fd-menu__link:active:after{display:none}.fd-menu__link.is-active .fd-menu__addon-after,.fd-menu__link.is-active .fd-menu__addon-before,.fd-menu__link.is-active .fd-menu__shortcut,.fd-menu__link.is-active .fd-menu__title,.fd-menu__link:active .fd-menu__addon-after,.fd-menu__link:active .fd-menu__addon-before,.fd-menu__link:active .fd-menu__shortcut,.fd-menu__link:active .fd-menu__title{color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active.is-focus,.fd-menu__link.is-active:focus,.fd-menu__link:active.is-focus,.fd-menu__link:active:focus{outline-color:var(--fdMenu_Active_State_Focus);z-index:5}.fd-menu__link.is-disabled,.fd-menu__link:disabled,.fd-menu__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-menu__link.is-disabled.is-focus,.fd-menu__link.is-disabled:focus,.fd-menu__link:disabled.is-focus,.fd-menu__link:disabled:focus,.fd-menu__link[aria-disabled=true].is-focus,.fd-menu__link[aria-disabled=true]:focus{z-index:5}.fd-menu__link.is-disabled.is-focus:after,.fd-menu__link.is-disabled:focus:after,.fd-menu__link:disabled.is-focus:after,.fd-menu__link:disabled:focus:after,.fd-menu__link[aria-disabled=true].is-focus:after,.fd-menu__link[aria-disabled=true]:focus:after{display:none}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus{z-index:5}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus:after{bottom:.125rem}.fd-menu__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdMenu_Text_Shadow);white-space:nowrap;width:100%}.fd-menu__title:after,.fd-menu__title:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after,.fd-menu__addon-before{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;height:1.25rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:var(--fdMenu_Icon_Width);padding:0;text-shadow:var(--fdMenu_Text_Shadow);width:var(--fdMenu_Icon_Width)}.fd-menu__addon-after:after,.fd-menu__addon-after:before,.fd-menu__addon-before:after,.fd-menu__addon-before:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after [class*=sap-icon],.fd-menu__addon-after[class*=sap-icon],.fd-menu__addon-before [class*=sap-icon],.fd-menu__addon-before[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-menu__addon-before{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after,.fd-menu__addon-before[dir=rtl],[dir=rtl] .fd-menu__addon-before{margin:var(--fdMenu_Icon_After_Margin)}.fd-menu__addon-after[dir=rtl],[dir=rtl] .fd-menu__addon-after{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after--submenu{font-size:var(--sapFontSmallSize)}.fd-menu__addon-after--submenu:before{content:\"\\e066\"}.fd-menu__addon-after--submenu:before,.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{content:\"\\e067\"}.fd-menu__shortcut{-webkit-box-sizing:border-box;-ms-flex-negative:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 0 0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-menu__shortcut:after,.fd-menu__shortcut:before{box-sizing:inherit;font-size:inherit}.fd-menu__shortcut[dir=rtl],[dir=rtl] .fd-menu__shortcut{padding-left:0;padding-right:1rem}.fd-menu--overflow{-webkit-box-shadow:var(--sapContent_Shadow1);border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu--overflow.is-focus,.fd-menu--overflow:focus{outline:none;z-index:5}.fd-menu--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb:active,.fd-menu--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu--overflow .fd-menu__list{box-shadow:none}.fd-menu--overflow .fd-menu__item:first-child{border-top-right-radius:0}.fd-menu--overflow .fd-menu__item:first-child[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:first-child{border-top-left-radius:0;border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-right-radius:0}.fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-left-radius:0;border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--full-width{max-width:100%}.fd-menu[class*=-compact],.fd-menu[class*=-condensed],[class*=-compact] .fd-menu:not([class*=-cozy]),[class*=-condensed] .fd-menu:not([class*=-cozy]){--fdMenu_Icon_Before_Margin:0 0 0 -.5rem;--fdMenu_Icon_After_Margin:0 -.75rem 0 0;--fdMenu_Icon_Width:2rem;--fdMenu_Link_Padding:.375rem .75rem;--fdMenu_Link_Height:2rem}.fd-menu--mobile{--fdMenu_Icon_Before_Margin:0 0 0 -1rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;--fdMenu_Icon_Width:2.75rem;max-width:100%;width:100%}.fd-menu--mobile .fd-menu__list,.fd-menu--mobile .fd-menu__sublist{-webkit-box-shadow:none;border-radius:0;box-shadow:none;margin:0;position:static}.fd-menu--mobile .fd-menu__list .fd-menu__item,.fd-menu--mobile .fd-menu__sublist .fd-menu__item{border-radius:0}.fd-menu--mobile .fd-menu__list .fd-menu__link,.fd-menu--mobile .fd-menu__sublist .fd-menu__link{padding:.75rem 1rem}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.fd-menu-popover__body--static{position:static}\n"], dependencies: [{ kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, decorators: [{
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuComponent, deps: [{ token: i1.RtlService, optional: true }, { token: i2.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuComponent, selector: "fdp-menu", inputs: { id: "id", openByArrowKeys: "openByArrowKeys", xPosition: "xPosition" }, outputs: { close: "close" }, providers: [contentDensityObserverProviders()], queries: [{ propertyName: "menuItems", predicate: MenuItemComponent }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["menuTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #menuTemplate>\n    <nav\n        [attr.id]=\"menuId\"\n        [attr.dir]=\"direction\"\n        class=\"fd-menu\"\n        [class.is-compact]=\"contentDensityObserver.isCompact$ | async\"\n        tabindex=\"0\"\n        role=\"menu\"\n        (click)=\"_onClick()\"\n        (keydown)=\"_onKeydown($event)\"\n    >\n        <div class=\"fd-menu__list\">\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dialog__body{--fdButton_Menu_Border_Radius:0}.fd-menu{--fdMenu_Icon_Width:2.25rem;--fdMenu_Icon_Before_Margin:0 0 0 -.75rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:20rem;padding:0;width:-moz-fit-content;width:fit-content}.fd-menu:after,.fd-menu:before{box-sizing:inherit;font-size:inherit}.fd-menu__list,.fd-menu__sublist{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow1);border:0;border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-menu__list:after,.fd-menu__list:before,.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__list--no-shadow,.fd-menu__sublist--no-shadow{box-shadow:none}.fd-menu__sublist{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;left:100%;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0 -.25rem;min-width:100%;padding:0;position:absolute;top:0;z-index:2}.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__sublist[dir=rtl],[dir=rtl] .fd-menu__sublist{left:auto;margin:.25rem -.25rem 0 0;right:100%}.fd-menu__sublist[aria-hidden=true]{display:none}.fd-menu__list>.fd-menu__item{position:relative;width:100%}.fd-menu__list--overflow{flex-wrap:nowrap;overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow.is-focus,.fd-menu__list--overflow:focus{outline:none;z-index:5}.fd-menu__list--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb:active,.fd-menu__list--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu__separator{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBorderColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-menu__separator:after,.fd-menu__separator:before{box-sizing:inherit;font-size:inherit}.fd-menu__item{-webkit-box-sizing:border-box;background-color:var(--sapList_Background);border:0;border-radius:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-menu__item:after,.fd-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-menu__item:first-child,.fd-menu__item:first-child .fd-menu__link:after{border-top-left-radius:var(--fdButton_Menu_Border_Radius);border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__item:last-of-type,.fd-menu__item:last-of-type .fd-menu__link:after{border-bottom-left-radius:var(--fdButton_Menu_Border_Radius);border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:inherit;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdMenu_Link_Height, 2.75rem);line-height:var(--sapContent_LineHeight);margin:0;outline:none;padding:0;padding:var(--fdMenu_Link_Padding, .75rem 1rem .75rem .75rem);text-decoration:none;width:100%}.fd-menu__link:after,.fd-menu__link:before{box-sizing:inherit;font-size:inherit}.fd-menu__link.is-focus:after,.fd-menu__link:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:.0625rem;pointer-events:none;position:absolute}.fd-menu__link.is-hover,.fd-menu__link:hover{background-color:var(--sapList_Hover_Background)}.fd-menu__link.is-selected,.fd-menu__link[aria-selected=true]{background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.is-selected .fd-menu__addon-after,.fd-menu__link.is-selected .fd-menu__addon-before,.fd-menu__link.is-selected .fd-menu__shortcut,.fd-menu__link[aria-selected=true] .fd-menu__addon-after,.fd-menu__link[aria-selected=true] .fd-menu__addon-before,.fd-menu__link[aria-selected=true] .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),.fd-menu__link.is-selected:hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.is-selected.is-focus,.fd-menu__link.is-selected:focus,.fd-menu__link[aria-selected=true].is-focus,.fd-menu__link[aria-selected=true]:focus{z-index:5}.fd-menu__link.is-selected.is-focus:after,.fd-menu__link.is-selected:focus:after,.fd-menu__link[aria-selected=true].is-focus:after,.fd-menu__link[aria-selected=true]:focus:after{bottom:.125rem}.fd-menu__link.is-active,.fd-menu__link:active{background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active:after,.fd-menu__link:active:after{display:none}.fd-menu__link.is-active .fd-menu__addon-after,.fd-menu__link.is-active .fd-menu__addon-before,.fd-menu__link.is-active .fd-menu__shortcut,.fd-menu__link.is-active .fd-menu__title,.fd-menu__link:active .fd-menu__addon-after,.fd-menu__link:active .fd-menu__addon-before,.fd-menu__link:active .fd-menu__shortcut,.fd-menu__link:active .fd-menu__title{color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active.is-focus,.fd-menu__link.is-active:focus,.fd-menu__link:active.is-focus,.fd-menu__link:active:focus{outline-color:var(--fdMenu_Active_State_Focus);z-index:5}.fd-menu__link.is-disabled,.fd-menu__link:disabled,.fd-menu__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-menu__link.is-disabled.is-focus,.fd-menu__link.is-disabled:focus,.fd-menu__link:disabled.is-focus,.fd-menu__link:disabled:focus,.fd-menu__link[aria-disabled=true].is-focus,.fd-menu__link[aria-disabled=true]:focus{z-index:5}.fd-menu__link.is-disabled.is-focus:after,.fd-menu__link.is-disabled:focus:after,.fd-menu__link:disabled.is-focus:after,.fd-menu__link:disabled:focus:after,.fd-menu__link[aria-disabled=true].is-focus:after,.fd-menu__link[aria-disabled=true]:focus:after{display:none}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus{z-index:5}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus:after{bottom:.125rem}.fd-menu__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdMenu_Text_Shadow);white-space:nowrap;width:100%}.fd-menu__title:after,.fd-menu__title:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after,.fd-menu__addon-before{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;height:1.25rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:var(--fdMenu_Icon_Width);padding:0;text-shadow:var(--fdMenu_Text_Shadow);width:var(--fdMenu_Icon_Width)}.fd-menu__addon-after:after,.fd-menu__addon-after:before,.fd-menu__addon-before:after,.fd-menu__addon-before:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after [class*=sap-icon],.fd-menu__addon-after[class*=sap-icon],.fd-menu__addon-before [class*=sap-icon],.fd-menu__addon-before[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-menu__addon-before{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after,.fd-menu__addon-before[dir=rtl],[dir=rtl] .fd-menu__addon-before{margin:var(--fdMenu_Icon_After_Margin)}.fd-menu__addon-after[dir=rtl],[dir=rtl] .fd-menu__addon-after{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after--submenu{font-size:var(--sapFontSmallSize)}.fd-menu__addon-after--submenu:before{content:\"\\e066\"}.fd-menu__addon-after--submenu:before,.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{content:\"\\e067\"}.fd-menu__shortcut{-webkit-box-sizing:border-box;-ms-flex-negative:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 0 0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-menu__shortcut:after,.fd-menu__shortcut:before{box-sizing:inherit;font-size:inherit}.fd-menu__shortcut[dir=rtl],[dir=rtl] .fd-menu__shortcut{padding-left:0;padding-right:1rem}.fd-menu--overflow{-webkit-box-shadow:var(--sapContent_Shadow1);border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu--overflow.is-focus,.fd-menu--overflow:focus{outline:none;z-index:5}.fd-menu--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb:active,.fd-menu--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu--overflow .fd-menu__list{box-shadow:none}.fd-menu--overflow .fd-menu__item:first-child{border-top-right-radius:0}.fd-menu--overflow .fd-menu__item:first-child[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:first-child{border-top-left-radius:0;border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-right-radius:0}.fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-left-radius:0;border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--full-width{max-width:100%}.fd-menu[class*=-compact],.fd-menu[class*=-condensed],[class*=-compact] .fd-menu:not([class*=-cozy]),[class*=-condensed] .fd-menu:not([class*=-cozy]){--fdMenu_Icon_Before_Margin:0 0 0 -.5rem;--fdMenu_Icon_After_Margin:0 -.75rem 0 0;--fdMenu_Icon_Width:2rem;--fdMenu_Link_Padding:.375rem .75rem;--fdMenu_Link_Height:2rem}.fd-menu--mobile{--fdMenu_Icon_Before_Margin:0 0 0 -1rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;--fdMenu_Icon_Width:2.75rem;max-width:100%;width:100%}.fd-menu--mobile .fd-menu__list,.fd-menu--mobile .fd-menu__sublist{-webkit-box-shadow:none;border-radius:0;box-shadow:none;margin:0;position:static}.fd-menu--mobile .fd-menu__list .fd-menu__item,.fd-menu--mobile .fd-menu__sublist .fd-menu__item{border-radius:0}.fd-menu--mobile .fd-menu__list .fd-menu__link,.fd-menu--mobile .fd-menu__sublist .fd-menu__link{padding:.75rem 1rem}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.fd-menu-popover__body--static{position:static}\n"], dependencies: [{ kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [contentDensityObserverProviders()], template: "<ng-template #menuTemplate>\n    <nav\n        [attr.id]=\"menuId\"\n        [attr.dir]=\"direction\"\n        class=\"fd-menu\"\n        [class.is-compact]=\"contentDensityObserver.isCompact$ | async\"\n        tabindex=\"0\"\n        role=\"menu\"\n        (click)=\"_onClick()\"\n        (keydown)=\"_onKeydown($event)\"\n    >\n        <div class=\"fd-menu__list\">\n            <ng-content></ng-content>\n        </div>\n    </nav>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-dialog__body{--fdButton_Menu_Border_Radius:0}.fd-menu{--fdMenu_Icon_Width:2.25rem;--fdMenu_Icon_Before_Margin:0 0 0 -.75rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:20rem;padding:0;width:-moz-fit-content;width:fit-content}.fd-menu:after,.fd-menu:before{box-sizing:inherit;font-size:inherit}.fd-menu__list,.fd-menu__sublist{-webkit-box-sizing:border-box;-ms-flex-wrap:wrap;-webkit-box-shadow:var(--sapContent_Shadow1);border:0;border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:column;flex-wrap:wrap;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);list-style:none;margin:0;padding:0}.fd-menu__list:after,.fd-menu__list:before,.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__list--no-shadow,.fd-menu__sublist--no-shadow{box-shadow:none}.fd-menu__sublist{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;left:100%;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0 -.25rem;min-width:100%;padding:0;position:absolute;top:0;z-index:2}.fd-menu__sublist:after,.fd-menu__sublist:before{box-sizing:inherit;font-size:inherit}.fd-menu__sublist[dir=rtl],[dir=rtl] .fd-menu__sublist{left:auto;margin:.25rem -.25rem 0 0;right:100%}.fd-menu__sublist[aria-hidden=true]{display:none}.fd-menu__list>.fd-menu__item{position:relative;width:100%}.fd-menu__list--overflow{flex-wrap:nowrap;overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow.is-focus,.fd-menu__list--overflow:focus{outline:none;z-index:5}.fd-menu__list--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu__list--overflow::-webkit-scrollbar-thumb:active,.fd-menu__list--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu__list--overflow::-webkit-scrollbar-corner,.fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu__list--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu__list--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu__separator{-webkit-box-sizing:border-box;background-color:var(--sapGroup_ContentBorderColor);border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:.0625rem;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-menu__separator:after,.fd-menu__separator:before{box-sizing:inherit;font-size:inherit}.fd-menu__item{-webkit-box-sizing:border-box;background-color:var(--sapList_Background);border:0;border-radius:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-menu__item:after,.fd-menu__item:before{box-sizing:inherit;font-size:inherit}.fd-menu__item:first-child,.fd-menu__item:first-child .fd-menu__link:after{border-top-left-radius:var(--fdButton_Menu_Border_Radius);border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__item:last-of-type,.fd-menu__item:last-of-type .fd-menu__link:after{border-bottom-left-radius:var(--fdButton_Menu_Border_Radius);border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu__link{-webkit-box-sizing:border-box;align-items:center;border:0;border-radius:inherit;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:var(--fdMenu_Link_Height, 2.75rem);line-height:var(--sapContent_LineHeight);margin:0;outline:none;padding:0;padding:var(--fdMenu_Link_Padding, .75rem 1rem .75rem .75rem);text-decoration:none;width:100%}.fd-menu__link:after,.fd-menu__link:before{box-sizing:inherit;font-size:inherit}.fd-menu__link.is-focus:after,.fd-menu__link:focus:after{border-color:var(--sapContent_FocusColor);border-style:var(--sapContent_FocusStyle);border-width:var(--sapContent_FocusWidth);content:\"\";inset:.0625rem;pointer-events:none;position:absolute}.fd-menu__link.is-hover,.fd-menu__link:hover{background-color:var(--sapList_Hover_Background)}.fd-menu__link.is-selected,.fd-menu__link[aria-selected=true]{background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.is-selected .fd-menu__addon-after,.fd-menu__link.is-selected .fd-menu__addon-before,.fd-menu__link.is-selected .fd-menu__shortcut,.fd-menu__link[aria-selected=true] .fd-menu__addon-after,.fd-menu__link[aria-selected=true] .fd-menu__addon-before,.fd-menu__link[aria-selected=true] .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.is-selected.is-hover:not(:active):not(.is-active),.fd-menu__link.is-selected:hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true].is-hover:not(:active):not(.is-active),.fd-menu__link[aria-selected=true]:hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.is-selected.is-focus,.fd-menu__link.is-selected:focus,.fd-menu__link[aria-selected=true].is-focus,.fd-menu__link[aria-selected=true]:focus{z-index:5}.fd-menu__link.is-selected.is-focus:after,.fd-menu__link.is-selected:focus:after,.fd-menu__link[aria-selected=true].is-focus:after,.fd-menu__link[aria-selected=true]:focus:after{bottom:.125rem}.fd-menu__link.is-active,.fd-menu__link:active{background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active:after,.fd-menu__link:active:after{display:none}.fd-menu__link.is-active .fd-menu__addon-after,.fd-menu__link.is-active .fd-menu__addon-before,.fd-menu__link.is-active .fd-menu__shortcut,.fd-menu__link.is-active .fd-menu__title,.fd-menu__link:active .fd-menu__addon-after,.fd-menu__link:active .fd-menu__addon-before,.fd-menu__link:active .fd-menu__shortcut,.fd-menu__link:active .fd-menu__title{color:var(--sapList_Active_TextColor)}.fd-menu__link.is-active.is-focus,.fd-menu__link.is-active:focus,.fd-menu__link:active.is-focus,.fd-menu__link:active:focus{outline-color:var(--fdMenu_Active_State_Focus);z-index:5}.fd-menu__link.is-disabled,.fd-menu__link:disabled,.fd-menu__link[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity);pointer-events:none}.fd-menu__link.is-disabled.is-focus,.fd-menu__link.is-disabled:focus,.fd-menu__link:disabled.is-focus,.fd-menu__link:disabled:focus,.fd-menu__link[aria-disabled=true].is-focus,.fd-menu__link[aria-disabled=true]:focus{z-index:5}.fd-menu__link.is-disabled.is-focus:after,.fd-menu__link.is-disabled:focus:after,.fd-menu__link:disabled.is-focus:after,.fd-menu__link:disabled:focus:after,.fd-menu__link[aria-disabled=true].is-focus:after,.fd-menu__link[aria-disabled=true]:focus:after{display:none}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:.0625rem solid var(--sapList_SelectionBorderColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active) .fd-menu__shortcut,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__addon-before,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active) .fd-menu__shortcut{color:var(--sapContent_NonInteractiveIconColor)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-hover:not(:active):not(.is-active),.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):hover:not(:active):not(.is-active){background-color:var(--sapList_Hover_SelectionBackground)}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus{z-index:5}.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child.is-expanded:not(:active):not(.is-active):focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active).is-focus:after,.fd-menu__link.has-child[aria-expanded=true]:not(:active):not(.is-active):focus:after{bottom:.125rem}.fd-menu__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdMenu_Text_Shadow);white-space:nowrap;width:100%}.fd-menu__title:after,.fd-menu__title:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after,.fd-menu__addon-before{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:transparent;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontLargeSize);font-weight:400;forced-color-adjust:none;height:1.25rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:var(--fdMenu_Icon_Width);padding:0;text-shadow:var(--fdMenu_Text_Shadow);width:var(--fdMenu_Icon_Width)}.fd-menu__addon-after:after,.fd-menu__addon-after:before,.fd-menu__addon-before:after,.fd-menu__addon-before:before{box-sizing:inherit;font-size:inherit}.fd-menu__addon-after [class*=sap-icon],.fd-menu__addon-after[class*=sap-icon],.fd-menu__addon-before [class*=sap-icon],.fd-menu__addon-before[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;font-size:inherit;line-height:1}.fd-menu__addon-before{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after,.fd-menu__addon-before[dir=rtl],[dir=rtl] .fd-menu__addon-before{margin:var(--fdMenu_Icon_After_Margin)}.fd-menu__addon-after[dir=rtl],[dir=rtl] .fd-menu__addon-after{margin:var(--fdMenu_Icon_Before_Margin)}.fd-menu__addon-after--submenu{font-size:var(--sapFontSmallSize)}.fd-menu__addon-after--submenu:before{content:\"\\e066\"}.fd-menu__addon-after--submenu:before,.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-menu__addon-after--submenu[dir=rtl]:before,[dir=rtl] .fd-menu__addon-after--submenu:before{content:\"\\e067\"}.fd-menu__shortcut{-webkit-box-sizing:border-box;-ms-flex-negative:0;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_NonInteractiveIconColor);display:flex;flex-shrink:0;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;overflow:hidden;padding:0 0 0 1rem;text-overflow:ellipsis;white-space:nowrap}.fd-menu__shortcut:after,.fd-menu__shortcut:before{box-sizing:inherit;font-size:inherit}.fd-menu__shortcut[dir=rtl],[dir=rtl] .fd-menu__shortcut{padding-left:0;padding-right:1rem}.fd-menu--overflow{-webkit-box-shadow:var(--sapContent_Shadow1);border-radius:var(--fdButton_Menu_Border_Radius);box-shadow:var(--sapContent_Shadow1);overflow-y:scroll;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-menu--overflow.is-focus,.fd-menu--overflow:focus{outline:none;z-index:5}.fd-menu--overflow::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color);background-color:transparent;border:var(--fdScrollbar_Thumb_Offset) solid transparent;border-radius:calc(var(--fdScrollbar_Thumb_Border_Radius) - var(--fdScrollbar_Thumb_Offset));box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Color)}.fd-menu--overflow::-webkit-scrollbar-thumb:active,.fd-menu--overflow::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-menu--overflow::-webkit-scrollbar-corner,.fd-menu--overflow::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-corner,.fd-menu--overflow[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-corner,[dir=rtl] .fd-menu--overflow::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-menu--overflow .fd-menu__list{box-shadow:none}.fd-menu--overflow .fd-menu__item:first-child{border-top-right-radius:0}.fd-menu--overflow .fd-menu__item:first-child[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:first-child{border-top-left-radius:0;border-top-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-right-radius:0}.fd-menu--overflow .fd-menu__item:last-of-type[dir=rtl],[dir=rtl] .fd-menu--overflow .fd-menu__item:last-of-type{border-bottom-left-radius:0;border-bottom-right-radius:var(--fdButton_Menu_Border_Radius)}.fd-menu--full-width{max-width:100%}.fd-menu[class*=-compact],.fd-menu[class*=-condensed],[class*=-compact] .fd-menu:not([class*=-cozy]),[class*=-condensed] .fd-menu:not([class*=-cozy]){--fdMenu_Icon_Before_Margin:0 0 0 -.5rem;--fdMenu_Icon_After_Margin:0 -.75rem 0 0;--fdMenu_Icon_Width:2rem;--fdMenu_Link_Padding:.375rem .75rem;--fdMenu_Link_Height:2rem}.fd-menu--mobile{--fdMenu_Icon_Before_Margin:0 0 0 -1rem;--fdMenu_Icon_After_Margin:0 -1rem 0 0;--fdMenu_Icon_Width:2.75rem;max-width:100%;width:100%}.fd-menu--mobile .fd-menu__list,.fd-menu--mobile .fd-menu__sublist{-webkit-box-shadow:none;border-radius:0;box-shadow:none;margin:0;position:static}.fd-menu--mobile .fd-menu__list .fd-menu__item,.fd-menu--mobile .fd-menu__sublist .fd-menu__item{border-radius:0}.fd-menu--mobile .fd-menu__list .fd-menu__link,.fd-menu--mobile .fd-menu__sublist .fd-menu__link{padding:.75rem 1rem}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.fd-menu-popover__body--static{position:static}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.RtlService, decorators: [{

package/esm2020/menu/menu.module.mjs

@@ -12,8 +12,8 @@ import { ContentDensityModule } from '@fundamental-ngx/core/content-density';
 import * as i0 from "@angular/core";
 export class PlatformMenuModule {
 }
-PlatformMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlatformMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuModule, declarations: [MenuComponent, MenuItemComponent, MenuTriggerDirective], imports: [CommonModule,
+PlatformMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PlatformMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuModule, declarations: [MenuComponent, MenuItemComponent, MenuTriggerDirective], imports: [CommonModule,
         OverlayModule,
         BidiModule,
         ScrollingModule,
@@ -24,7 +24,7 @@ PlatformMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         MenuTriggerDirective,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule] });
-PlatformMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuModule, imports: [CommonModule,
+PlatformMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuModule, imports: [CommonModule,
         OverlayModule,
         BidiModule,
         ScrollingModule,
@@ -32,7 +32,7 @@ PlatformMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, PlatformContentDensityDeprecationsModule,
         ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/menu-button/menu-button.component.mjs

@@ -28,9 +28,9 @@ export class MenuButtonComponent extends BaseComponent {
         this.buttonClicked.emit($event);
     }
 }
-MenuButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MenuButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuButtonComponent, selector: "fdp-menu-button", inputs: { label: "label", title: "title", icon: "icon", type: "type" }, outputs: { buttonClicked: "buttonClicked" }, host: { properties: { "class.fd-menu-button--disabled": "this.menuButtonDisabled" } }, usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [fdMenu]=\"true\"\n    [label]=\"label\"\n    [glyph]=\"icon\"\n    [disabled]=\"disabled\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy + ' ' + id : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    (click)=\"onButtonClick($event)\"\n    [fdType]=\"type\"\n    [attr.tabindex]=\"tabindex\"\n    [attr.title]=\"title\"\n    [attr.aria-haspopup]=\"true\"\n>\n    <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}:host(.fd-menu-button--disabled){cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuButtonComponent, decorators: [{
+MenuButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MenuButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuButtonComponent, selector: "fdp-menu-button", inputs: { label: "label", title: "title", icon: "icon", type: "type" }, outputs: { buttonClicked: "buttonClicked" }, host: { properties: { "class.fd-menu-button--disabled": "this.menuButtonDisabled" } }, usesInheritance: true, ngImport: i0, template: "<button\n    fd-button\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [fdMenu]=\"true\"\n    [label]=\"label\"\n    [glyph]=\"icon\"\n    [disabled]=\"disabled\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy + ' ' + id : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    (click)=\"onButtonClick($event)\"\n    [fdType]=\"type\"\n    [attr.tabindex]=\"tabindex\"\n    [attr.title]=\"title\"\n    [attr.aria-haspopup]=\"true\"\n>\n    <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}:host(.fd-menu-button--disabled){cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-menu-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    fd-button\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [fdMenu]=\"true\"\n    [label]=\"label\"\n    [glyph]=\"icon\"\n    [disabled]=\"disabled\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-labelledby]=\"ariaLabelledBy ? ariaLabelledBy + ' ' + id : null\"\n    [attr.aria-label]=\"ariaLabel\"\n    (click)=\"onButtonClick($event)\"\n    [fdType]=\"type\"\n    [attr.tabindex]=\"tabindex\"\n    [attr.title]=\"title\"\n    [attr.aria-haspopup]=\"true\"\n>\n    <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}:host(.fd-menu-button--disabled){cursor:not-allowed;pointer-events:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{

package/esm2020/menu-button/menu-button.module.mjs

@@ -9,20 +9,20 @@ import { MenuButtonComponent } from './menu-button.component';
 import * as i0 from "@angular/core";
 export class PlatformMenuButtonModule {
 }
-PlatformMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PlatformMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuButtonModule, declarations: [MenuButtonComponent], imports: [CommonModule,
+PlatformMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PlatformMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuButtonModule, declarations: [MenuButtonComponent], imports: [CommonModule,
         ButtonModule,
         PlatformMenuModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule], exports: [MenuButtonComponent, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-PlatformMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuButtonModule, imports: [CommonModule,
+PlatformMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuButtonModule, imports: [CommonModule,
         ButtonModule,
         PlatformMenuModule,
         PipeModule,
         PlatformContentDensityDeprecationsModule,
         ContentDensityModule, PlatformContentDensityDeprecationsModule, ContentDensityModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: PlatformMenuButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformMenuButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MenuButtonComponent],

package/esm2020/message-popover/components/message-popover-form-wrapper/message-popover-form-wrapper.component.mjs

@@ -303,9 +303,9 @@ export class MessagePopoverFormWrapperComponent {
         return !!error && typeof error !== 'string';
     }
 }
-MessagePopoverFormWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessagePopoverFormWrapperComponent, deps: [{ token: i1.DestroyedService }, { token: FDP_MESSAGE_POPOVER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-MessagePopoverFormWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MessagePopoverFormWrapperComponent, selector: "fdp-message-popover-form-wrapper", inputs: { forms: "forms", formFields: "formFields" }, providers: [DestroyedService], queries: [{ propertyName: "_projectedForm", predicate: ControlContainer, descendants: true }, { propertyName: "_projectedFormItems", predicate: NgModel, descendants: true }, { propertyName: "_projectedFormFieldControls", predicate: PlatformFormFieldControl, descendants: true }, { propertyName: "_directiveItems", predicate: MessagePopoverFormItemDirective, descendants: true }], exportAs: ["messagePopoverWrapper"], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MessagePopoverFormWrapperComponent, decorators: [{
+MessagePopoverFormWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MessagePopoverFormWrapperComponent, deps: [{ token: i1.DestroyedService }, { token: FDP_MESSAGE_POPOVER_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+MessagePopoverFormWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MessagePopoverFormWrapperComponent, selector: "fdp-message-popover-form-wrapper", inputs: { forms: "forms", formFields: "formFields" }, providers: [DestroyedService], queries: [{ propertyName: "_projectedForm", predicate: ControlContainer, descendants: true }, { propertyName: "_projectedFormItems", predicate: NgModel, descendants: true }, { propertyName: "_projectedFormFieldControls", predicate: PlatformFormFieldControl, descendants: true }, { propertyName: "_directiveItems", predicate: MessagePopoverFormItemDirective, descendants: true }], exportAs: ["messagePopoverWrapper"], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MessagePopoverFormWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fdp-message-popover-form-wrapper', exportAs: 'messagePopoverWrapper', providers: [DestroyedService], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: function () { return [{ type: i1.DestroyedService }, { type: undefined, decorators: [{