npm - @fundamental-ngx/core - Versions diffs - 0.37.0-rc.8 → 0.37.0 - Mend

@fundamental-ngx/core 0.37.0-rc.8 → 0.37.0

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

Files changed (369) hide show

package/fesm2015/fundamental-ngx-core-popover.mjs CHANGED Viewed

@@ -1,12 +1,11 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild, HostListener, Directive, HostBinding, EventEmitter, Output, Injectable, Optional, InjectionToken, Inject, NgModule, Injector, TemplateRef, ViewContainerRef, ContentChild } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, HostListener, Directive, HostBinding, EventEmitter, Input, Output, Injectable, Optional, InjectionToken, Inject, NgModule, Injector, TemplateRef, ViewContainerRef, ContentChild } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ESCAPE, SPACE, ENTER, DOWN_ARROW } from '@angular/cdk/keycodes';
 import * as i3 from '@angular/cdk/a11y';
 import { CdkTrapFocus, A11yModule } from '@angular/cdk/a11y';
 import { Subject, merge, Subscription } from 'rxjs';
-import { PopoverPosition, PopoverFlippedXDirection, ARROW_SIZE, GetDefaultPosition } from '@fundamental-ngx/core/shared';
 import * as i2$1 from '@fundamental-ngx/core/utils';
 import { KeyUtil, resizeObservable, DynamicComponentService } from '@fundamental-ngx/core/utils';
 import * as i1 from '@fundamental-ngx/core/content-density';
@@ -18,6 +17,7 @@ import { OverlayConfig, CdkOverlayOrigin, OverlayModule } from '@angular/cdk/ove
 import { __awaiter } from 'tslib';
 import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
 import { takeUntil, startWith, filter, distinctUntilChanged } from 'rxjs/operators';
+import { GetDefaultPosition, PopoverPosition } from '@fundamental-ngx/core/shared';
 import { MobileModeBase, MobileModeControl, MOBILE_MODE_CONFIG } from '@fundamental-ngx/core/mobile-mode';
 import * as i1$2 from '@fundamental-ngx/core/dialog';
 import { DialogModule } from '@fundamental-ngx/core/dialog';
@@ -72,13 +72,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
  */
 class PopoverBodyComponent {
     /** @hidden */
-    constructor(_elementRef, _changeDetectorRef, _renderer2, _contentDensityObserver) {
+    constructor(_elementRef, _changeDetectorRef, _contentDensityObserver) {
         this._elementRef = _elementRef;
         this._changeDetectorRef = _changeDetectorRef;
-        this._renderer2 = _renderer2;
         this._contentDensityObserver = _contentDensityObserver;
         /** Whether to wrap content with fd-scrollbar directive. */
-        this.disableScrollbar = false;
+        this._disableScrollbar = false;
+        /** Should fd-scrollbar have tabindex*/
+        this._tabbableScrollbar = true;
         /** Whether the popover should have an arrow. */
         this._noArrow = true;
         /** Whether the popover should be focusTrapped. */
@@ -91,7 +92,7 @@ class PopoverBodyComponent {
         /** @hidden Property bind to popover's body */
         this._closeOnEscapeKey = false;
         /** Classes added to arrow element */
-        this._arrowClasses = [];
+        this._arrowClasses = '';
         /** Additional style to put margin into body component, to give a place for arrow */
         this._marginStyle = null;
         /** @hidden text rendered inside popover's body */
@@ -109,21 +110,35 @@ class PopoverBodyComponent {
     }
     /** @hidden */
     _setArrowStyles(position, rtl) {
-        this._arrowClasses = [];
-        const arrowDirection = PopoverPosition.getArrowPosition(position, rtl === 'rtl');
-        this._arrowClasses.push(`fd-popover__arrow--${arrowDirection}`);
-        if (arrowDirection === 'top' || arrowDirection === 'bottom') {
-            let _position = position.overlayX;
+        if (this._noArrow) {
+            this._arrowClasses = '';
+            return;
+        }
+        if (position.overlayY !== position.originY &&
+            position.originY !== 'center' &&
+            position.overlayY !== 'center' &&
+            position.overlayX === position.originX) {
+            this._arrowClasses =
+                `fd-popover__body--${position.overlayY === 'top' ? 'below' : 'above'}` +
+                    ` fd-popover__body--arrow-${position.overlayY}` +
+                    ` fd-popover__body--arrow-x-${position.originX} `;
+        }
+        else if (position.overlayX !== position.originX &&
+            position.overlayX !== 'center' &&
+            position.originX !== 'center' &&
+            position.originY === position.overlayY) {
+            let overlayX = position.overlayX;
             if (rtl === 'rtl') {
-                _position = PopoverFlippedXDirection[_position];
+                overlayX = position.overlayX === 'end' ? 'start' : 'end';
             }
-            this._arrowClasses.push(`fd-popover__arrow-x--${_position}`);
+            this._arrowClasses =
+                `fd-popover__body--${overlayX === 'start' ? 'after' : 'before'}` +
+                    ` fd-popover__body--arrow-${overlayX === 'start' ? 'left' : 'right'}` +
+                    ` fd-popover__body--arrow-y-${position.originY} `;
         }
-        else if (arrowDirection === 'start' || arrowDirection === 'end') {
-            this._arrowClasses.push(`fd-popover__arrow-y--${position.overlayY}`);
+        else {
+            this._arrowClasses = 'fd-popover__body--no-arrow';
         }
-        this._removeOldMarginsStyle();
-        this._addMarginStyle(arrowDirection);
         this.detectChanges();
     }
     /** @hidden */
@@ -138,26 +153,13 @@ class PopoverBodyComponent {
             this._cdkTrapFocus.focusTrap.focusFirstTabbableElement();
         }
     }
-    /** @hidden */
-    _addMarginStyle(arrowDirection) {
-        if (arrowDirection) {
-            this._renderer2.setStyle(this._elementRef.nativeElement, PopoverPosition.getMarginDirection(arrowDirection), ARROW_SIZE);
-        }
-    }
-    /** @hidden */
-    _removeOldMarginsStyle() {
-        const margins = ['margin-top', 'margin-right', 'margin-bottom', 'margin-left'];
-        margins.forEach((margin) => this._renderer2.removeStyle(this._elementRef.nativeElement, margin));
-    }
 }
-PopoverBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PopoverBodyComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
-PopoverBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: PopoverBodyComponent, selector: "fd-popover-body", inputs: { disableScrollbar: "disableScrollbar" }, host: { listeners: { "keyup": "bodyKeyupHandler($event)" } }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-popover__popper\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\n    [class.fd-popover__popper--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class]=\"_additionalBodyClass\"\n    [cdkTrapFocus]=\"_focusTrapped\"\n    [style]=\"_marginStyle\"\n    [style.max-width.px]=\"_maxWidth\"\n    [style.min-width.px]=\"_popoverBodyMinWidth\"\n    [style.width.px]=\"_popoverBodyWidth\"\n>\n    <div fd-scrollbar *ngIf=\"!disableScrollbar; else rendererWithoutScrollbar\">\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</div>\n\n<ng-template #rendererWithoutScrollbar>\n    <div>\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #renderer>\n    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n\n    <ng-content></ng-content>\n\n    {{ text }}\n\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-popover{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;position:relative;text-shadow:var(--fdPopover_Text_Shadow)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded,.fd-popover__control[aria-expanded=true]{z-index:3}.fd-popover__control.is-expanded .fd-input-group,.fd-popover__control[aria-expanded=true] .fd-input-group{margin-bottom:0}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:var(--fdPopover_Border_Radius);overflow:auto;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5}.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-popover__wrapper::-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-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-popover__body{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);-webkit-transition:all .125s;-webkit-transform:translateY(0);background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:absolute;top:calc(100% + .5rem);transform:translateY(0);transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;content:\"\";font-size:inherit;position:absolute}.fd-popover__body:before{border-bottom:.5rem solid var(--sapGroup_ContentBackground);border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top-style:solid;border-top-width:0;height:0;top:calc(-.5rem + var(--fdPopover_Border_Width));width:0;z-index:1002}.fd-popover__body:after{border-bottom:.5rem solid var(--fdPopover_Border_Color);border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top-style:solid;border-top-width:0;height:0;top:-.5rem;width:0;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body>:last-child{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body-header>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body-footer>*{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--compact.fd-popover__body--left:after,.fd-popover__body--compact.fd-popover__body--left:before,.fd-popover__body--compact.fd-popover__body:after,.fd-popover__body--compact.fd-popover__body:before{left:.44rem}.fd-popover__body--compact.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body--left[dir=rtl]:before,.fd-popover__body--compact.fd-popover__body[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body--left:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body--left:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body:before{left:auto;right:.44rem}.fd-popover__body--compact.fd-popover__body--right{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--compact.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--compact.fd-popover__body--right{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--compact.fd-popover__body--right:after,.fd-popover__body--compact.fd-popover__body--right:before{left:auto;right:.44rem}.fd-popover__body--compact.fd-popover__body--right[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body--right:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body--right:before{left:.44rem;right:auto}.fd-popover__body,.fd-popover__body--left{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--left:after,.fd-popover__body--left:before,.fd-popover__body:after,.fd-popover__body:before{left:.575rem}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:after,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:after,[dir=rtl] .fd-popover__body:before{left:auto;right:.575rem}.fd-popover__body--right{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.575rem}.fd-popover__body--right[dir=rtl]:after,.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:after,[dir=rtl] .fd-popover__body--right:before{left:.575rem;right:auto}.fd-popover__body--no-arrow{box-shadow:var(--sapContent_Shadow1);top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--dropdown{-ms-grid-columns:max-content;display:-ms-grid;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth) * 2)}.fd-popover__body--static{bottom:auto;position:relative;top:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:1}.fd-popover__body .fd-popover__body--hidden{display:none}.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow,.fd-popover--input-message-group .fd-popover__popper,.fd-popover--input-message-group .fd-popover__popper--no-arrow{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:relative;white-space:nowrap;width:100%;z-index:1000}.fd-popover__popper:after,.fd-popover__popper:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper--no-arrow{margin:0!important}.fd-popover__popper--no-arrow .fd-popover__arrow{display:none}.fd-popover__popper--static{bottom:auto;position:relative;top:auto}.fd-popover__popper--input-message-group{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem!important}.fd-popover__popper--compact .fd-popover__arrow-x--start{left:.44rem}.fd-popover__popper--compact .fd-popover__arrow-x--end{right:.44rem}.fd-popover__popper--compact .fd-popover__arrow-y--top{top:.44rem}.fd-popover__popper--compact .fd-popover__arrow-y--bottom{bottom:.44rem}.fd-popover__popper .fd-popover__arrow{-webkit-box-sizing:border-box;border:0;border-color:transparent;border-style:solid;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;width:0}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper .fd-popover__arrow:after{border-color:transparent;border-style:solid;content:\"\";position:absolute}.fd-popover__popper .fd-popover__arrow--bottom:after,.fd-popover__popper .fd-popover__arrow--top:after{margin:0 -.5rem}.fd-popover__popper .fd-popover__arrow--end:after,.fd-popover__popper .fd-popover__arrow--start:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{border-top-color:var(--fdPopover_Border_Color);border-width:.5rem .5rem 0;bottom:-.5rem}.fd-popover__popper .fd-popover__arrow--bottom:after{border-top-color:var(--sapGroup_ContentBackground);border-width:.5rem .5rem 0;bottom:.0625rem}.fd-popover__popper .fd-popover__arrow--top{border-bottom-color:var(--fdPopover_Border_Color);border-width:0 .5rem .5rem;top:-.5rem}.fd-popover__popper .fd-popover__arrow--top:after{border-bottom-color:var(--sapGroup_ContentBackground);border-width:0 .5rem .5rem;top:.0625rem}.fd-popover__popper .fd-popover__arrow--end{border-left-color:var(--fdPopover_Border_Color);border-width:.5rem 0 .5rem .5rem;right:-.5rem}.fd-popover__popper .fd-popover__arrow--end:after{border-left-color:var(--sapGroup_ContentBackground);border-width:.5rem 0 .5rem .5rem;right:.0625rem}.fd-popover__popper .fd-popover__arrow--start{border-right-color:var(--fdPopover_Border_Color);border-width:.5rem .5rem .5rem 0;left:-.5rem}.fd-popover__popper .fd-popover__arrow--start:after{border-right-color:var(--sapGroup_ContentBackground);border-width:.5rem .5rem .5rem 0;left:.0625rem}.fd-popover__popper .fd-popover__arrow-x--start{left:.575rem}.fd-popover__popper .fd-popover__arrow-x--center{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.575rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.575rem}.fd-popover__popper .fd-popover__arrow-y--center{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.575rem}.fd-popover__body .fd-list:first-child li:first-child a:before,.fd-popover__body .fd-list:first-child li:first-child:before,.fd-popover__popper .fd-list:first-child li:first-child a:before,.fd-popover__popper .fd-list:first-child li:first-child:before{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list:last-child li:last-child a:before,.fd-popover__body .fd-list:last-child li:last-child:before,.fd-popover__popper .fd-list:last-child li:last-child a:before,.fd-popover__popper .fd-list:last-child li:last-child:before{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__inline-help{font-size:var(--sapFontSmallSize);padding:.75rem}.fd-popover__inline-help--icon .fd-popover__arrow-x--start{left:.25rem}.fd-popover__inline-help--icon .fd-popover__arrow-x--end{right:.25rem}.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-popover-body{max-width:100%;max-height:100%}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.fd-popover__popper{max-height:100%;max-width:100%;display:flex}.fd-popover__popper>.fd-scrollbar{max-height:100%;max-width:100%;width:100%;border-radius:inherit}.fd-popover__popper .fd-list{border-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list{border-bottom:none}.fd-popover__popper .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__content.is-selected{border-bottom-right-radius:0;border-bottom-left-radius:0}.fd-popover__popper .fd-side-nav,.fd-popover__popper .fd-nested-list__item{border-right:none}.fd-popover__popper .fd-side-nav:first-child,.fd-popover__popper .fd-nested-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-side-nav:last-child,.fd-popover__popper .fd-nested-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--hidden{display:none!important}.cdk-overlay-container{z-index:1002}.cdk-overlay-pane{max-width:100%;max-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i4.ScrollbarComponent, selector: "[fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+PopoverBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PopoverBodyComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ContentDensityObserver }], target: i0.ɵɵFactoryTarget.Component });
+PopoverBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: PopoverBodyComponent, selector: "fd-popover-body", host: { listeners: { "keyup": "bodyKeyupHandler($event)" } }, providers: [contentDensityObserverProviders()], viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-popover__body fd-popover__body--static\"\n    [class.fd-popover__body--no-arrow]=\"_noArrow\"\n    [class.fd-popover__body--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class]=\"_arrowClasses + (_additionalBodyClass || '')\"\n    [cdkTrapFocus]=\"_focusTrapped\"\n    [style]=\"_marginStyle\"\n    [style.max-width.px]=\"_maxWidth\"\n    [style.min-width.px]=\"_popoverBodyMinWidth\"\n    [style.width.px]=\"_popoverBodyWidth\"\n>\n    <div\n        fd-scrollbar\n        class=\"fd-popover__wrapper\"\n        [overrideTabindex]=\"_tabbableScrollbar\"\n        *ngIf=\"!_disableScrollbar; else renderer\"\n    >\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</div>\n\n<ng-template #renderer>\n    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n\n    <ng-content></ng-content>\n\n    {{ text }}\n\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-popover{-webkit-box-sizing:border-box;--fdPopover_Offset:100%;--fdPopover_Center_Offset:50%;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;position:relative}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.fd-popover__control.is-expanded>*,.fd-popover__control[aria-expanded=true]>*{margin-bottom:0}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdPopover_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:auto;padding:0;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-popover__wrapper:after,.fd-popover__wrapper:before{box-sizing:inherit;font-size:inherit}.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5}.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-popover__wrapper::-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-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-popover__body{--fdIcon_Button_Height:2.25rem;--fdIcon_Button_Width:2.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);-webkit-transition:all .125s;background:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:absolute;top:calc(var(--fdPopover_Offset) + .5rem);transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;content:\"\";font-size:inherit;position:absolute}.fd-popover__body:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(-.5rem + var(--fdPopover_Border_Width));z-index:1002}.fd-popover__body:after,.fd-popover__body:before{border-top:none;display:inline-block;height:0;width:0}.fd-popover__body:after{border-bottom:.5rem solid var(--fdPopover_Border_Color);border-left:.5rem solid transparent;border-right:.5rem solid transparent;top:-.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body ol:first-child li:first-child a:before,.fd-popover__body ol:first-child li:first-child:before,.fd-popover__body ul:first-child li:first-child a:before,.fd-popover__body ul:first-child li:first-child:before,.fd-popover__body-header>:first-child,.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body ol:last-child li:last-child a:before,.fd-popover__body ol:last-child li:last-child:before,.fd-popover__body ul:last-child li:last-child a:before,.fd-popover__body ul:last-child li:last-child:before,.fd-popover__body-footer>:last-child,.fd-popover__body>:last-child{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--compact{--fdIcon_Button_Height:1.625rem;--fdIcon_Button_Width:2rem}.fd-popover__body--no-arrow{box-shadow:var(--sapContent_Shadow1);top:var(--fdPopover_Offset)}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body,.fd-popover__body--left{left:0}.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:0}.fd-popover__body--left:before,.fd-popover__body:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left:after,.fd-popover__body:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--center{-webkit-transform:translateX(calc(var(--fdPopover_Center_Offset) * -1));left:var(--fdPopover_Center_Offset);transform:translate(calc(var(--fdPopover_Center_Offset) * -1))}.fd-popover__body--center[dir=rtl],[dir=rtl] .fd-popover__body--center{-webkit-transform:translateX(var(--fdPopover_Center_Offset));left:auto;right:var(--fdPopover_Center_Offset);transform:translate(var(--fdPopover_Center_Offset))}.fd-popover__body--right{left:auto;right:0}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:0;right:auto}.fd-popover__body--right:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--right:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--right[dir=rtl]:after,[dir=rtl] .fd-popover__body--right:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--before{left:auto!important;right:var(--fdPopover_Offset)!important;top:0}.fd-popover__body--after{left:var(--fdPopover_Offset)!important;right:auto!important;top:0}.fd-popover__body--middle{-webkit-transform:translateY(calc(var(--fdPopover_Center_Offset) * -1));top:var(--fdPopover_Center_Offset);transform:translateY(calc(var(--fdPopover_Center_Offset) * -1))}.fd-popover__body--bottom{bottom:0;top:auto}.fd-popover__body--above{bottom:var(--fdPopover_Offset);top:auto}.fd-popover__body--arrow-bottom{bottom:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-bottom:before{border-bottom:none;border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-bottom:after{border-bottom:none;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid var(--fdPopover_Border_Color);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-left{left:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-left:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-left:after,.fd-popover__body--arrow-left:before{border-left:none;display:inline-block;height:0;left:auto!important;right:100%!important;width:0}.fd-popover__body--arrow-left:after{border-bottom:.5rem solid transparent;border-right:.5rem solid var(--fdPopover_Border_Color);border-top:.5rem solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-right{right:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-right:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-right:after,.fd-popover__body--arrow-right:before{border-right:none;display:inline-block;height:0;left:100%!important;right:auto!important;width:0}.fd-popover__body--arrow-right:after{border-bottom:.5rem solid transparent;border-left:.5rem solid var(--fdPopover_Border_Color);border-top:.5rem solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-center:after,.fd-popover__body--arrow-x-center:before{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-popover__body--arrow-x-center[dir=rtl]:after,.fd-popover__body--arrow-x-center[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-center:after,[dir=rtl] .fd-popover__body--arrow-x-center:before{-webkit-transform:translateX(50%);left:auto;right:50%;transform:translate(50%)}.fd-popover__body--arrow-x-end:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-end:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-x-end[dir=rtl]:after,[dir=rtl] .fd-popover__body--arrow-x-end:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-y-center:after,.fd-popover__body--arrow-y-center:before{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-popover__body--arrow-y-end:before{bottom:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));top:auto}.fd-popover__body--arrow-y-end:after{bottom:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width));top:auto}.fd-popover__body--dropdown{width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth) * 2)}.fd-popover__body--static{--fdPopover_Offset:0%;--fdPopover_Center_Offset:0%;position:relative}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:-1}.fd-popover__body .fd-popover__body--hidden{display:none}.fd-popover__body--input-message-group{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover__body--inline-help{font-size:var(--sapFontSmallSize);padding:.75rem}.fd-popover__body--inline-help-icon{--fdIcon_Button_Height:1.375rem;--fdIcon_Button_Width:1.375rem}.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.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-popover-body{max-width:100%;max-height:100%}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.fd-popover__body{max-height:100%;max-width:100%;display:flex}.fd-popover__body--hidden{display:none!important}.fd-popover__body>.fd-scrollbar{max-height:100%;max-width:100%;width:100%;border-radius:inherit}.fd-popover__body .fd-list{border-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list{border-bottom:none}.fd-popover__body .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__content.is-selected{border-bottom-right-radius:0;border-bottom-left-radius:0}.fd-popover__body .fd-side-nav,.fd-popover__body .fd-nested-list__item{border-right:none}.fd-popover__body .fd-side-nav:first-child,.fd-popover__body .fd-nested-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-side-nav:last-child,.fd-popover__body .fd-nested-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.cdk-overlay-container{z-index:1002}.cdk-overlay-pane{max-width:100%;max-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i4.ScrollbarComponent, selector: "[fd-scrollbar]", inputs: ["noHorizontalScroll", "noVerticalScroll", "alwaysVisible", "overrideTabindex"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PopoverBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-popover-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-popover__popper\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\n    [class.fd-popover__popper--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class]=\"_additionalBodyClass\"\n    [cdkTrapFocus]=\"_focusTrapped\"\n    [style]=\"_marginStyle\"\n    [style.max-width.px]=\"_maxWidth\"\n    [style.min-width.px]=\"_popoverBodyMinWidth\"\n    [style.width.px]=\"_popoverBodyWidth\"\n>\n    <div fd-scrollbar *ngIf=\"!disableScrollbar; else rendererWithoutScrollbar\">\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</div>\n\n<ng-template #rendererWithoutScrollbar>\n    <div>\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #renderer>\n    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n\n    <ng-content></ng-content>\n\n    {{ text }}\n\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-popover{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;position:relative;text-shadow:var(--fdPopover_Text_Shadow)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded,.fd-popover__control[aria-expanded=true]{z-index:3}.fd-popover__control.is-expanded .fd-input-group,.fd-popover__control[aria-expanded=true] .fd-input-group{margin-bottom:0}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:var(--fdPopover_Border_Radius);overflow:auto;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5}.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-popover__wrapper::-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-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-popover__body{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);-webkit-transition:all .125s;-webkit-transform:translateY(0);background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:absolute;top:calc(100% + .5rem);transform:translateY(0);transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;content:\"\";font-size:inherit;position:absolute}.fd-popover__body:before{border-bottom:.5rem solid var(--sapGroup_ContentBackground);border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top-style:solid;border-top-width:0;height:0;top:calc(-.5rem + var(--fdPopover_Border_Width));width:0;z-index:1002}.fd-popover__body:after{border-bottom:.5rem solid var(--fdPopover_Border_Color);border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top-style:solid;border-top-width:0;height:0;top:-.5rem;width:0;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body>:last-child{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body-header>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body-footer>*{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--compact.fd-popover__body--left:after,.fd-popover__body--compact.fd-popover__body--left:before,.fd-popover__body--compact.fd-popover__body:after,.fd-popover__body--compact.fd-popover__body:before{left:.44rem}.fd-popover__body--compact.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body--left[dir=rtl]:before,.fd-popover__body--compact.fd-popover__body[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body--left:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body--left:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body:before{left:auto;right:.44rem}.fd-popover__body--compact.fd-popover__body--right{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--compact.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--compact.fd-popover__body--right{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--compact.fd-popover__body--right:after,.fd-popover__body--compact.fd-popover__body--right:before{left:auto;right:.44rem}.fd-popover__body--compact.fd-popover__body--right[dir=rtl]:after,.fd-popover__body--compact.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--compact.fd-popover__body--right:after,[dir=rtl] .fd-popover__body--compact.fd-popover__body--right:before{left:.44rem;right:auto}.fd-popover__body,.fd-popover__body--left{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--left:after,.fd-popover__body--left:before,.fd-popover__body:after,.fd-popover__body:before{left:.575rem}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:after,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:after,[dir=rtl] .fd-popover__body:before{left:auto;right:.575rem}.fd-popover__body--right{left:auto;right:var(--sapGroup_BorderWidth)}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:var(--sapGroup_BorderWidth);right:auto}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.575rem}.fd-popover__body--right[dir=rtl]:after,.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:after,[dir=rtl] .fd-popover__body--right:before{left:.575rem;right:auto}.fd-popover__body--no-arrow{box-shadow:var(--sapContent_Shadow1);top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--dropdown{-ms-grid-columns:max-content;display:-ms-grid;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth) * 2)}.fd-popover__body--static{bottom:auto;position:relative;top:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:1}.fd-popover__body .fd-popover__body--hidden{display:none}.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow,.fd-popover--input-message-group .fd-popover__popper,.fd-popover--input-message-group .fd-popover__popper--no-arrow{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background:var(--sapGroup_ContentBackground);border:none;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:relative;white-space:nowrap;width:100%;z-index:1000}.fd-popover__popper:after,.fd-popover__popper:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper--no-arrow{margin:0!important}.fd-popover__popper--no-arrow .fd-popover__arrow{display:none}.fd-popover__popper--static{bottom:auto;position:relative;top:auto}.fd-popover__popper--input-message-group{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem!important}.fd-popover__popper--compact .fd-popover__arrow-x--start{left:.44rem}.fd-popover__popper--compact .fd-popover__arrow-x--end{right:.44rem}.fd-popover__popper--compact .fd-popover__arrow-y--top{top:.44rem}.fd-popover__popper--compact .fd-popover__arrow-y--bottom{bottom:.44rem}.fd-popover__popper .fd-popover__arrow{-webkit-box-sizing:border-box;border:0;border-color:transparent;border-style:solid;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:0;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:absolute;width:0}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper .fd-popover__arrow:after{border-color:transparent;border-style:solid;content:\"\";position:absolute}.fd-popover__popper .fd-popover__arrow--bottom:after,.fd-popover__popper .fd-popover__arrow--top:after{margin:0 -.5rem}.fd-popover__popper .fd-popover__arrow--end:after,.fd-popover__popper .fd-popover__arrow--start:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{border-top-color:var(--fdPopover_Border_Color);border-width:.5rem .5rem 0;bottom:-.5rem}.fd-popover__popper .fd-popover__arrow--bottom:after{border-top-color:var(--sapGroup_ContentBackground);border-width:.5rem .5rem 0;bottom:.0625rem}.fd-popover__popper .fd-popover__arrow--top{border-bottom-color:var(--fdPopover_Border_Color);border-width:0 .5rem .5rem;top:-.5rem}.fd-popover__popper .fd-popover__arrow--top:after{border-bottom-color:var(--sapGroup_ContentBackground);border-width:0 .5rem .5rem;top:.0625rem}.fd-popover__popper .fd-popover__arrow--end{border-left-color:var(--fdPopover_Border_Color);border-width:.5rem 0 .5rem .5rem;right:-.5rem}.fd-popover__popper .fd-popover__arrow--end:after{border-left-color:var(--sapGroup_ContentBackground);border-width:.5rem 0 .5rem .5rem;right:.0625rem}.fd-popover__popper .fd-popover__arrow--start{border-right-color:var(--fdPopover_Border_Color);border-width:.5rem .5rem .5rem 0;left:-.5rem}.fd-popover__popper .fd-popover__arrow--start:after{border-right-color:var(--sapGroup_ContentBackground);border-width:.5rem .5rem .5rem 0;left:.0625rem}.fd-popover__popper .fd-popover__arrow-x--start{left:.575rem}.fd-popover__popper .fd-popover__arrow-x--center{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.575rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.575rem}.fd-popover__popper .fd-popover__arrow-y--center{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.575rem}.fd-popover__body .fd-list:first-child li:first-child a:before,.fd-popover__body .fd-list:first-child li:first-child:before,.fd-popover__popper .fd-list:first-child li:first-child a:before,.fd-popover__popper .fd-list:first-child li:first-child:before{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list:last-child li:last-child a:before,.fd-popover__body .fd-list:last-child li:last-child:before,.fd-popover__popper .fd-list:last-child li:last-child a:before,.fd-popover__popper .fd-list:last-child li:last-child:before{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__inline-help{font-size:var(--sapFontSmallSize);padding:.75rem}.fd-popover__inline-help--icon .fd-popover__arrow-x--start{left:.25rem}.fd-popover__inline-help--icon .fd-popover__arrow-x--end{right:.25rem}.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-popover-body{max-width:100%;max-height:100%}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.fd-popover__popper{max-height:100%;max-width:100%;display:flex}.fd-popover__popper>.fd-scrollbar{max-height:100%;max-width:100%;width:100%;border-radius:inherit}.fd-popover__popper .fd-list{border-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list{border-bottom:none}.fd-popover__popper .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-nested-list__item:last-child .fd-nested-list__content.is-selected{border-bottom-right-radius:0;border-bottom-left-radius:0}.fd-popover__popper .fd-side-nav,.fd-popover__popper .fd-nested-list__item{border-right:none}.fd-popover__popper .fd-side-nav:first-child,.fd-popover__popper .fd-nested-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__popper .fd-side-nav:last-child,.fd-popover__popper .fd-nested-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--hidden{display:none!important}.cdk-overlay-container{z-index:1002}.cdk-overlay-pane{max-width:100%;max-height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1.ContentDensityObserver }]; }, propDecorators: { disableScrollbar: [{
-                type: Input
-            }], _cdkTrapFocus: [{
+            args: [{ selector: 'fd-popover-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [contentDensityObserverProviders()], template: "<div\n    class=\"fd-popover__body fd-popover__body--static\"\n    [class.fd-popover__body--no-arrow]=\"_noArrow\"\n    [class.fd-popover__body--compact]=\"_contentDensityObserver.isCompact$ | async\"\n    [class]=\"_arrowClasses + (_additionalBodyClass || '')\"\n    [cdkTrapFocus]=\"_focusTrapped\"\n    [style]=\"_marginStyle\"\n    [style.max-width.px]=\"_maxWidth\"\n    [style.min-width.px]=\"_popoverBodyMinWidth\"\n    [style.width.px]=\"_popoverBodyWidth\"\n>\n    <div\n        fd-scrollbar\n        class=\"fd-popover__wrapper\"\n        [overrideTabindex]=\"_tabbableScrollbar\"\n        *ngIf=\"!_disableScrollbar; else renderer\"\n    >\n        <ng-container *ngTemplateOutlet=\"renderer\"></ng-container>\n    </div>\n</div>\n\n<ng-template #renderer>\n    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n\n    <ng-content></ng-content>\n\n    {{ text }}\n\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-popover{-webkit-box-sizing:border-box;--fdPopover_Offset:100%;--fdPopover_Center_Offset:50%;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;padding:0;position:relative}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);cursor:pointer;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;position:relative}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.fd-popover__control.is-expanded>*,.fd-popover__control[aria-expanded=true]>*{margin-bottom:0}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{-webkit-box-sizing:border-box;border:0;border-radius:var(--fdPopover_Border_Radius);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;overflow:auto;padding:0;scrollbar-color:var(--fdScrollbar_Thumb_Color) var(--fdScrollbar_Track_Color)}.fd-popover__wrapper:after,.fd-popover__wrapper:before{box-sizing:inherit;font-size:inherit}.fd-popover__wrapper.is-focus,.fd-popover__wrapper:focus{outline:none;z-index:5}.fd-popover__wrapper::-webkit-scrollbar{height:var(--fdScrollbar_Dimension);width:var(--fdScrollbar_Dimension)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{background-color:var(--fdScrollbar_Track_Color)}.fd-popover__wrapper::-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-popover__wrapper::-webkit-scrollbar-thumb:active,.fd-popover__wrapper::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 var(--fdScrollbar_Dimension) var(--fdScrollbar_Thumb_Hover_Color)}.fd-popover__wrapper::-webkit-scrollbar-corner,.fd-popover__wrapper::-webkit-scrollbar-track{border-radius:0 var(--fdScrollbar_Border_Radius) var(--fdScrollbar_Border_Radius) 0}.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-corner,.fd-popover__wrapper[dir=rtl]::-webkit-scrollbar-track,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-corner,[dir=rtl] .fd-popover__wrapper::-webkit-scrollbar-track{border-radius:var(--fdScrollbar_Border_Radius) 0 0 var(--fdScrollbar_Border_Radius)}.fd-popover__body{--fdIcon_Button_Height:2.25rem;--fdIcon_Button_Width:2.25rem;-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);-webkit-transition:all .125s;background:var(--sapGroup_ContentBackground);border:0;border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;opacity:1;padding:0;position:absolute;top:calc(var(--fdPopover_Offset) + .5rem);transition:all .125s;visibility:visible;white-space:nowrap;z-index:1000}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;content:\"\";font-size:inherit;position:absolute}.fd-popover__body:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(-.5rem + var(--fdPopover_Border_Width));z-index:1002}.fd-popover__body:after,.fd-popover__body:before{border-top:none;display:inline-block;height:0;width:0}.fd-popover__body:after{border-bottom:.5rem solid var(--fdPopover_Border_Color);border-left:.5rem solid transparent;border-right:.5rem solid transparent;top:-.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body ol:first-child li:first-child a:before,.fd-popover__body ol:first-child li:first-child:before,.fd-popover__body ul:first-child li:first-child a:before,.fd-popover__body ul:first-child li:first-child:before,.fd-popover__body-header>:first-child,.fd-popover__body>:first-child{border-top-left-radius:var(--fdPopover_Border_Radius);border-top-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body ol:last-child li:last-child a:before,.fd-popover__body ol:last-child li:last-child:before,.fd-popover__body ul:last-child li:last-child a:before,.fd-popover__body ul:last-child li:last-child:before,.fd-popover__body-footer>:last-child,.fd-popover__body>:last-child{border-bottom-left-radius:var(--fdPopover_Border_Radius);border-bottom-right-radius:var(--fdPopover_Border_Radius)}.fd-popover__body--compact{--fdIcon_Button_Height:1.625rem;--fdIcon_Button_Width:2rem}.fd-popover__body--no-arrow{box-shadow:var(--sapContent_Shadow1);top:var(--fdPopover_Offset)}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body,.fd-popover__body--left{left:0}.fd-popover__body--left[dir=rtl],.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body,[dir=rtl] .fd-popover__body--left{left:auto;right:0}.fd-popover__body--left:before,.fd-popover__body:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left:after,.fd-popover__body:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:before,.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:before,[dir=rtl] .fd-popover__body:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--center{-webkit-transform:translateX(calc(var(--fdPopover_Center_Offset) * -1));left:var(--fdPopover_Center_Offset);transform:translate(calc(var(--fdPopover_Center_Offset) * -1))}.fd-popover__body--center[dir=rtl],[dir=rtl] .fd-popover__body--center{-webkit-transform:translateX(var(--fdPopover_Center_Offset));left:auto;right:var(--fdPopover_Center_Offset);transform:translate(var(--fdPopover_Center_Offset))}.fd-popover__body--right{left:auto;right:0}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:0;right:auto}.fd-popover__body--right:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--right:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--right[dir=rtl]:before,[dir=rtl] .fd-popover__body--right:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--right[dir=rtl]:after,[dir=rtl] .fd-popover__body--right:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--before{left:auto!important;right:var(--fdPopover_Offset)!important;top:0}.fd-popover__body--after{left:var(--fdPopover_Offset)!important;right:auto!important;top:0}.fd-popover__body--middle{-webkit-transform:translateY(calc(var(--fdPopover_Center_Offset) * -1));top:var(--fdPopover_Center_Offset);transform:translateY(calc(var(--fdPopover_Center_Offset) * -1))}.fd-popover__body--bottom{bottom:0;top:auto}.fd-popover__body--above{bottom:var(--fdPopover_Offset);top:auto}.fd-popover__body--arrow-bottom{bottom:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-bottom:before{border-bottom:none;border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-bottom:after{border-bottom:none;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid var(--fdPopover_Border_Color);display:inline-block;height:0;top:100%;width:0}.fd-popover__body--arrow-left{left:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-left:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-right:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-left:after,.fd-popover__body--arrow-left:before{border-left:none;display:inline-block;height:0;left:auto!important;right:100%!important;width:0}.fd-popover__body--arrow-left:after{border-bottom:.5rem solid transparent;border-right:.5rem solid var(--fdPopover_Border_Color);border-top:.5rem solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-right{right:calc(var(--fdPopover_Offset) + .5rem)!important}.fd-popover__body--arrow-right:before{border-bottom:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;border-left:calc(.5rem - var(--fdPopover_Border_Width)) solid var(--sapGroup_ContentBackground);border-top:calc(.5rem - var(--fdPopover_Border_Width)) solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-right:after,.fd-popover__body--arrow-right:before{border-right:none;display:inline-block;height:0;left:100%!important;right:auto!important;width:0}.fd-popover__body--arrow-right:after{border-bottom:.5rem solid transparent;border-left:.5rem solid var(--fdPopover_Border_Color);border-top:.5rem solid transparent;top:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-center:after,.fd-popover__body--arrow-x-center:before{-webkit-transform:translateX(-50%);left:50%;transform:translate(-50%)}.fd-popover__body--arrow-x-center[dir=rtl]:after,.fd-popover__body--arrow-x-center[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-center:after,[dir=rtl] .fd-popover__body--arrow-x-center:before{-webkit-transform:translateX(50%);left:auto;right:50%;transform:translate(50%)}.fd-popover__body--arrow-x-end:before{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end:after{left:auto;right:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width))}.fd-popover__body--arrow-x-end[dir=rtl]:before,[dir=rtl] .fd-popover__body--arrow-x-end:before{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-x-end[dir=rtl]:after,[dir=rtl] .fd-popover__body--arrow-x-end:after{left:calc(var(--fdIcon_Button_Width) * .5 - .5rem - var(--fdPopover_Border_Width));right:auto}.fd-popover__body--arrow-y-center:after,.fd-popover__body--arrow-y-center:before{-webkit-transform:translateY(-50%);top:50%;transform:translateY(-50%)}.fd-popover__body--arrow-y-end:before{bottom:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width) + var(--fdPopover_Border_Width));top:auto}.fd-popover__body--arrow-y-end:after{bottom:calc(var(--fdIcon_Button_Height) * .5 - .5rem - var(--fdPopover_Border_Width));top:auto}.fd-popover__body--dropdown{width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - var(--sapGroup_BorderWidth) * 2)}.fd-popover__body--static{--fdPopover_Offset:0%;--fdPopover_Center_Offset:0%;position:relative}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{opacity:0;visibility:hidden;z-index:-1}.fd-popover__body .fd-popover__body--hidden{display:none}.fd-popover__body--input-message-group{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover__body--inline-help{font-size:var(--sapFontSmallSize);padding:.75rem}.fd-popover__body--inline-help-icon{--fdIcon_Button_Height:1.375rem;--fdIcon_Button_Width:1.375rem}.fd-popover--input-message-group .fd-popover__body,.fd-popover--input-message-group .fd-popover__body--no-arrow{-webkit-box-shadow:none;border:none;box-shadow:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.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-popover-body{max-width:100%;max-height:100%}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.fd-popover__body{max-height:100%;max-width:100%;display:flex}.fd-popover__body--hidden{display:none!important}.fd-popover__body>.fd-scrollbar{max-height:100%;max-width:100%;width:100%;border-radius:inherit}.fd-popover__body .fd-list{border-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list{border-bottom:none}.fd-popover__body .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-nested-list__item:last-child .fd-nested-list__content.is-selected{border-bottom-right-radius:0;border-bottom-left-radius:0}.fd-popover__body .fd-side-nav,.fd-popover__body .fd-nested-list__item{border-right:none}.fd-popover__body .fd-side-nav:first-child,.fd-popover__body .fd-nested-list__item:first-child{border-top-right-radius:var(--fdPopover_Border_Radius);border-top-left-radius:var(--fdPopover_Border_Radius)}.fd-popover__body .fd-side-nav:last-child,.fd-popover__body .fd-nested-list__item:last-child{border-bottom-right-radius:var(--fdPopover_Border_Radius);border-bottom-left-radius:var(--fdPopover_Border_Radius)}.cdk-overlay-container{z-index:1002}.cdk-overlay-pane{max-width:100%;max-height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ContentDensityObserver }]; }, propDecorators: { _cdkTrapFocus: [{
                 type: ViewChild,
                 args: [CdkTrapFocus]
             }], bodyKeyupHandler: [{
@@ -217,6 +219,10 @@ class BasePopoverClass {
         this.additionalTriggerClass = null;
         /** Whether the popover should close when the escape key is pressed. */
         this.closeOnEscapeKey = true;
+        /** Whether to wrap content with fd-scrollbar directive. */
+        this.disableScrollbar = false;
+        /** Should fd-scrollbar have tabindex*/
+        this.tabbableScrollbar = true;
         /**
          * The placement of the popover.
          * It can be one of:
@@ -281,7 +287,7 @@ class BasePopoverClass {
     }
 }
 BasePopoverClass.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BasePopoverClass, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BasePopoverClass.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: BasePopoverClass, inputs: { closeOnNavigation: "closeOnNavigation", disabled: "disabled", maxWidth: "maxWidth", noArrow: "noArrow", additionalBodyClass: "additionalBodyClass", additionalTriggerClass: "additionalTriggerClass", closeOnEscapeKey: "closeOnEscapeKey", placement: "placement", triggers: "triggers", isOpen: "isOpen", closeOnOutsideClick: "closeOnOutsideClick", focusTrapped: "focusTrapped", focusAutoCapture: "focusAutoCapture", scrollStrategy: "scrollStrategy", cdkPositions: "cdkPositions", fillControlMode: "fillControlMode", appendTo: "appendTo", fixedPosition: "fixedPosition", options: "options", addContainerClass: "addContainerClass", additionalClasses: "additionalClasses" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "class.fd-popover-custom--disabled": "this.disabled" } }, ngImport: i0 });
+BasePopoverClass.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.3", type: BasePopoverClass, inputs: { closeOnNavigation: "closeOnNavigation", disabled: "disabled", maxWidth: "maxWidth", noArrow: "noArrow", additionalBodyClass: "additionalBodyClass", additionalTriggerClass: "additionalTriggerClass", closeOnEscapeKey: "closeOnEscapeKey", disableScrollbar: "disableScrollbar", tabbableScrollbar: "tabbableScrollbar", placement: "placement", triggers: "triggers", isOpen: "isOpen", closeOnOutsideClick: "closeOnOutsideClick", focusTrapped: "focusTrapped", focusAutoCapture: "focusAutoCapture", scrollStrategy: "scrollStrategy", cdkPositions: "cdkPositions", fillControlMode: "fillControlMode", appendTo: "appendTo", fixedPosition: "fixedPosition", options: "options", addContainerClass: "addContainerClass", additionalClasses: "additionalClasses" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "class.fd-popover-custom--disabled": "this.disabled" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: BasePopoverClass, decorators: [{
             type: Directive
         }], propDecorators: { closeOnNavigation: [{
@@ -301,6 +307,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 type: Input
             }], closeOnEscapeKey: [{
                 type: Input
+            }], disableScrollbar: [{
+                type: Input
+            }], tabbableScrollbar: [{
+                type: Input
             }], placement: [{
                 type: Input
             }], triggers: [{
@@ -658,6 +668,8 @@ class PopoverService extends BasePopoverClass {
         body._maxWidth = this.maxWidth;
         body._noArrow = this.noArrow;
         body._focusAutoCapture = this.focusAutoCapture;
+        body._disableScrollbar = this.disableScrollbar;
+        body._tabbableScrollbar = this.tabbableScrollbar;
         body._templateToDisplay = this.templateContent;
         body._closeOnEscapeKey = this.closeOnEscapeKey;
         this._detectChanges();