@fundamental-ngx/core 0.33.2 → 0.33.3-rc.3

package/fesm2020/fundamental-ngx-core-popover.mjs

@@ -133,10 +133,10 @@ class PopoverBodyComponent {
     }
 }
 PopoverBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PopoverBodyComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PopoverBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PopoverBodyComponent, selector: "fd-popover-body", host: { listeners: { "keyup": "bodyKeyupHandler($event)" } }, queries: [{ propertyName: "notificationGroup", first: true, predicate: NotificationGroupComponent, descendants: true }], viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-popover__popper fd-popover__popper--cdk-custom\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\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    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n    <ng-content></ng-content>\n    {{ text }}\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:inline-block;text-shadow:none;text-shadow:var(--fdPopover_Text_Shadow, none)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;border:0;cursor:pointer;position:relative;margin:0}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded{z-index:3}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);overflow:auto}.fd-popover__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1;visibility:visible;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);top:calc(100% + 0.5rem);transition:all 125ms;transform:translateY(0)}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;font-size:inherit}.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body{left:auto;right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem)}.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body:before{right:.5rem}.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body:after{right:.5rem}.fd-popover__body:before{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:calc(-0.5rem + 1px);left:.5rem;z-index:1002}.fd-popover__body:after{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:-.5rem;left:.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body>:last-child{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-header>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-footer>*{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--left{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before{right:.5rem;left:unset}.fd-popover__body--left:after,.fd-popover__body--left:before{left:.5rem}.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.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:.5rem;right:unset}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.5rem}.fd-popover__body--no-arrow{box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--no-arrow.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--no-arrow.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--left,.fd-popover__body--no-arrow.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--no-arrow.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--dropdown{display:-ms-grid;-ms-grid-columns:max-content;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2)}.fd-popover__body--static{position:relative;top:auto;bottom:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{z-index:1;opacity:0;visibility:hidden}.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{box-shadow:none;border:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1}.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{position:relative;top:auto;bottom:auto}.fd-popover__popper--input-message-group{box-shadow:none;border:none;margin-top:-.25rem!important}.fd-popover__popper .fd-popover__arrow{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper[x-out-of-boundaries]{display:none}.fd-popover__popper[x-placement^=top]{margin-bottom:.5rem}.fd-popover__popper[x-placement^=top] .fd-popover__arrow{bottom:-.5rem;margin:0 .5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=top] .fd-popover__arrow:after{bottom:1px;margin:0 -.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=bottom]{margin-top:.5rem}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow{top:-.5rem;margin:0 .5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow:after{top:1px;margin:0 -.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=left]{margin-right:.5rem}.fd-popover__popper[x-placement^=left] .fd-popover__arrow{right:-.5rem;margin:.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=left] .fd-popover__arrow:after{right:1px;margin:-.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=right]{margin-left:.5rem}.fd-popover__popper[x-placement^=right] .fd-popover__arrow{left:-.5rem;margin:.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=right] .fd-popover__arrow:after{left:1px;margin:-.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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__popper .fd-popover__arrow{box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent;z-index:1000000}.fd-popover__popper .fd-popover__arrow:after{position:absolute;content:\"\";border-style:solid;border-color:transparent}.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--start:after,.fd-popover__popper .fd-popover__arrow--end:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{bottom:-.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--bottom:after{bottom:1px;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--top{top:-.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--top:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--end{right:-.5rem;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--end:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--start{left:-.5rem;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--start:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow-x--start{left:.25rem}.fd-popover__popper .fd-popover__arrow-x--center{left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.25rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.25rem}.fd-popover__popper .fd-popover__arrow-y--center{top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom{position:relative;width:100%}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list{border-radius:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list{border-bottom:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .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-popover__popper--cdk-custom .fd-side-nav,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item{border-right:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:first-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:last-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom-list .fd-list{overflow:auto}.cdk-overlay-container{z-index:1002}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.cdk-overlay-pane{max-height:initial}.fd-popover__popper.fd-inline-help__content{padding:.75rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-popover__body--hidden{display:none!important}\n"], directives: [{ type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+PopoverBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PopoverBodyComponent, selector: "fd-popover-body", host: { listeners: { "keyup": "bodyKeyupHandler($event)" } }, queries: [{ propertyName: "notificationGroup", first: true, predicate: NotificationGroupComponent, descendants: true }], viewQueries: [{ propertyName: "_cdkTrapFocus", first: true, predicate: CdkTrapFocus, descendants: true }], ngImport: i0, template: "<div\n    class=\"fd-popover__popper fd-popover__popper--cdk-custom\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\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    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n    <ng-content></ng-content>\n    {{ text }}\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:inline-block;text-shadow:none;text-shadow:var(--fdPopover_Text_Shadow, none)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;border:0;cursor:pointer;position:relative;margin:0}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded{z-index:3}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);overflow:auto}.fd-popover__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1;visibility:visible;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);top:calc(100% + .5rem);transition:all 125ms;transform:translateY(0)}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;font-size:inherit}.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body{left:auto;right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem)}.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body:before{right:.5rem}.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body:after{right:.5rem}.fd-popover__body:before{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:calc(-.5rem + 1px);left:.5rem;z-index:1002}.fd-popover__body:after{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:-.5rem;left:.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body>:last-child{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-header>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-footer>*{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--left{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before{right:.5rem;left:unset}.fd-popover__body--left:after,.fd-popover__body--left:before{left:.5rem}.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.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:.5rem;right:unset}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.5rem}.fd-popover__body--no-arrow{box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--no-arrow.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--no-arrow.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--left,.fd-popover__body--no-arrow.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--no-arrow.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--dropdown{display:-ms-grid;-ms-grid-columns:max-content;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2)}.fd-popover__body--static{position:relative;top:auto;bottom:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{z-index:1;opacity:0;visibility:hidden}.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{box-shadow:none;border:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1}.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{position:relative;top:auto;bottom:auto}.fd-popover__popper--input-message-group{box-shadow:none;border:none;margin-top:-.25rem!important}.fd-popover__popper .fd-popover__arrow{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper[x-out-of-boundaries]{display:none}.fd-popover__popper[x-placement^=top]{margin-bottom:.5rem}.fd-popover__popper[x-placement^=top] .fd-popover__arrow{bottom:-.5rem;margin:0 .5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=top] .fd-popover__arrow:after{bottom:1px;margin:0 -.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=bottom]{margin-top:.5rem}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow{top:-.5rem;margin:0 .5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow:after{top:1px;margin:0 -.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=left]{margin-right:.5rem}.fd-popover__popper[x-placement^=left] .fd-popover__arrow{right:-.5rem;margin:.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=left] .fd-popover__arrow:after{right:1px;margin:-.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=right]{margin-left:.5rem}.fd-popover__popper[x-placement^=right] .fd-popover__arrow{left:-.5rem;margin:.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=right] .fd-popover__arrow:after{left:1px;margin:-.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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__popper .fd-popover__arrow{box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent;z-index:1000000}.fd-popover__popper .fd-popover__arrow:after{position:absolute;content:\"\";border-style:solid;border-color:transparent}.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--start:after,.fd-popover__popper .fd-popover__arrow--end:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{bottom:-.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--bottom:after{bottom:1px;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--top{top:-.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--top:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--end{right:-.5rem;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--end:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--start{left:-.5rem;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--start:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow-x--start{left:.25rem}.fd-popover__popper .fd-popover__arrow-x--center{left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.25rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.25rem}.fd-popover__popper .fd-popover__arrow-y--center{top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom{position:relative;width:100%}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list{border-radius:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list{border-bottom:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .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-popover__popper--cdk-custom .fd-side-nav,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item{border-right:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:first-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:last-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom-list .fd-list{overflow:auto}.cdk-overlay-container{z-index:1002}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.cdk-overlay-pane{max-height:initial}.fd-popover__popper.fd-inline-help__content{padding:.75rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-popover__body--hidden{display:none!important}\n"], directives: [{ type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PopoverBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-popover-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-popover__popper fd-popover__popper--cdk-custom\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\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    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n    <ng-content></ng-content>\n    {{ text }}\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:inline-block;text-shadow:none;text-shadow:var(--fdPopover_Text_Shadow, none)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;border:0;cursor:pointer;position:relative;margin:0}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded{z-index:3}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);overflow:auto}.fd-popover__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1;visibility:visible;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);top:calc(100% + 0.5rem);transition:all 125ms;transform:translateY(0)}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;font-size:inherit}.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body{left:auto;right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem)}.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body:before{right:.5rem}.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body:after{right:.5rem}.fd-popover__body:before{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:calc(-0.5rem + 1px);left:.5rem;z-index:1002}.fd-popover__body:after{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:-.5rem;left:.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body>:last-child{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-header>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-footer>*{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--left{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before{right:.5rem;left:unset}.fd-popover__body--left:after,.fd-popover__body--left:before{left:.5rem}.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.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:.5rem;right:unset}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.5rem}.fd-popover__body--no-arrow{box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--no-arrow.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--no-arrow.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--left,.fd-popover__body--no-arrow.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--no-arrow.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--dropdown{display:-ms-grid;-ms-grid-columns:max-content;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - 0.125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2)}.fd-popover__body--static{position:relative;top:auto;bottom:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{z-index:1;opacity:0;visibility:hidden}.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{box-shadow:none;border:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1}.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{position:relative;top:auto;bottom:auto}.fd-popover__popper--input-message-group{box-shadow:none;border:none;margin-top:-.25rem!important}.fd-popover__popper .fd-popover__arrow{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper[x-out-of-boundaries]{display:none}.fd-popover__popper[x-placement^=top]{margin-bottom:.5rem}.fd-popover__popper[x-placement^=top] .fd-popover__arrow{bottom:-.5rem;margin:0 .5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=top] .fd-popover__arrow:after{bottom:1px;margin:0 -.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=bottom]{margin-top:.5rem}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow{top:-.5rem;margin:0 .5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow:after{top:1px;margin:0 -.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=left]{margin-right:.5rem}.fd-popover__popper[x-placement^=left] .fd-popover__arrow{right:-.5rem;margin:.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=left] .fd-popover__arrow:after{right:1px;margin:-.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=right]{margin-left:.5rem}.fd-popover__popper[x-placement^=right] .fd-popover__arrow{left:-.5rem;margin:.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=right] .fd-popover__arrow:after{left:1px;margin:-.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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__popper .fd-popover__arrow{box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent;z-index:1000000}.fd-popover__popper .fd-popover__arrow:after{position:absolute;content:\"\";border-style:solid;border-color:transparent}.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--start:after,.fd-popover__popper .fd-popover__arrow--end:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{bottom:-.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--bottom:after{bottom:1px;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--top{top:-.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--top:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--end{right:-.5rem;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--end:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--start{left:-.5rem;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--start:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow-x--start{left:.25rem}.fd-popover__popper .fd-popover__arrow-x--center{left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.25rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.25rem}.fd-popover__popper .fd-popover__arrow-y--center{top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom{position:relative;width:100%}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list{border-radius:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list{border-bottom:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .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-popover__popper--cdk-custom .fd-side-nav,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item{border-right:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:first-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:last-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom-list .fd-list{overflow:auto}.cdk-overlay-container{z-index:1002}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.cdk-overlay-pane{max-height:initial}.fd-popover__popper.fd-inline-help__content{padding:.75rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-popover__body--hidden{display:none!important}\n"] }]
+            args: [{ selector: 'fd-popover-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-popover__popper fd-popover__popper--cdk-custom\"\n    [class.fd-popover__popper--no-arrow]=\"_noArrow\"\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    <ng-content select=\"[fd-popover-body-header]\"></ng-content>\n    <ng-content select=\"[fd-popover-body-subheader]\"></ng-content>\n    <ng-content></ng-content>\n    {{ text }}\n    <ng-container *ngTemplateOutlet=\"_templateToDisplay\"></ng-container>\n    <ng-content select=\"[fd-popover-body-footer]\"></ng-content>\n    <span class=\"fd-popover__arrow\" [class]=\"_arrowClasses\" *ngIf=\"!_noArrow\"></span>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:relative;display:inline-block;text-shadow:none;text-shadow:var(--fdPopover_Text_Shadow, none)}.fd-popover:after,.fd-popover:before{box-sizing:inherit;font-size:inherit}.fd-popover__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;border:0;cursor:pointer;position:relative;margin:0}.fd-popover__control:after,.fd-popover__control:before{box-sizing:inherit;font-size:inherit}.fd-popover__control:focus-visible{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000)}.fd-popover__control.fd-input:last-child{margin-bottom:0}.fd-popover__control.is-expanded{z-index:3}.fd-popover__control.is-disabled,.fd-popover__control:disabled,.fd-popover__control[aria-disabled=true]{pointer-events:none}.fd-popover__wrapper{border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);overflow:auto}.fd-popover__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1;visibility:visible;left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);top:calc(100% + .5rem);transition:all 125ms;transform:translateY(0)}.fd-popover__body:after,.fd-popover__body:before{box-sizing:inherit;font-size:inherit}.fd-popover__body[dir=rtl],[dir=rtl] .fd-popover__body{left:auto;right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem)}.fd-popover__body[dir=rtl]:before,[dir=rtl] .fd-popover__body:before{right:.5rem}.fd-popover__body[dir=rtl]:after,[dir=rtl] .fd-popover__body:after{right:.5rem}.fd-popover__body:before{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:calc(-.5rem + 1px);left:.5rem;z-index:1002}.fd-popover__body:after{height:0;width:0;border-style:solid;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a);border-left-color:transparent;border-right-color:transparent;content:\"\";position:absolute;top:-.5rem;left:.5rem;z-index:1001}.fd-popover__body>:not(.fd-popover__wrapper){overflow:hidden}.fd-popover__body>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body>:last-child{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-header>:first-child{border-top-right-radius:.25rem;border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:.25rem;border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body-footer>*{border-bottom-right-radius:.25rem;border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:.25rem;border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--left{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--left[dir=rtl]:after,.fd-popover__body--left[dir=rtl]:before,[dir=rtl] .fd-popover__body--left:after,[dir=rtl] .fd-popover__body--left:before{right:.5rem;left:unset}.fd-popover__body--left:after,.fd-popover__body--left:before{left:.5rem}.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.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:.5rem;right:unset}.fd-popover__body--right:after,.fd-popover__body--right:before{left:auto;right:.5rem}.fd-popover__body--no-arrow{box-shadow:0 0 0 .0625rem #0000006b,0 .125rem .5rem #0000004d;box-shadow:var(--sapContent_Shadow1, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .125rem .5rem 0 rgba(0, 0, 0, .3));top:100%;z-index:2}.fd-popover__body--no-arrow:after,.fd-popover__body--no-arrow:before{display:none}.fd-popover__body--no-arrow.fd-popover__body--left{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--no-arrow.fd-popover__body--left[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--left,.fd-popover__body--no-arrow.fd-popover__body--right{right:.0625rem;right:var(--sapGroup_BorderWidth, .0625rem);left:auto}.fd-popover__body--no-arrow.fd-popover__body--right[dir=rtl],[dir=rtl] .fd-popover__body--no-arrow.fd-popover__body--right{left:.0625rem;left:var(--sapGroup_BorderWidth, .0625rem);right:auto}.fd-popover__body--dropdown{display:-ms-grid;-ms-grid-columns:max-content;width:max-content}.fd-popover__body--dropdown-fill{display:block;max-width:40rem;width:calc(100% - .125rem);width:calc(100% - var(--sapGroup_BorderWidth, .0625rem) * 2)}.fd-popover__body--static{position:relative;top:auto;bottom:auto}.fd-popover__body.is-hidden,.fd-popover__body[aria-hidden=true]{z-index:1;opacity:0;visibility:hidden}.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{box-shadow:none;border:none;margin-top:-.25rem}.fd-popover--full-width{width:100%}.fd-popover__popper{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;border:none;position:absolute;white-space:nowrap;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3));z-index:1000;border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);background:#fff;background:var(--sapGroup_ContentBackground, #fff);opacity:1}.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{position:relative;top:auto;bottom:auto}.fd-popover__popper--input-message-group{box-shadow:none;border:none;margin-top:-.25rem!important}.fd-popover__popper .fd-popover__arrow{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.fd-popover__popper .fd-popover__arrow:after,.fd-popover__popper .fd-popover__arrow:before{box-sizing:inherit;font-size:inherit}.fd-popover__popper[x-out-of-boundaries]{display:none}.fd-popover__popper[x-placement^=top]{margin-bottom:.5rem}.fd-popover__popper[x-placement^=top] .fd-popover__arrow{bottom:-.5rem;margin:0 .5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=top] .fd-popover__arrow:after{bottom:1px;margin:0 -.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=bottom]{margin-top:.5rem}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow{top:-.5rem;margin:0 .5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=bottom] .fd-popover__arrow:after{top:1px;margin:0 -.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=left]{margin-right:.5rem}.fd-popover__popper[x-placement^=left] .fd-popover__arrow{right:-.5rem;margin:.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=left] .fd-popover__arrow:after{right:1px;margin:-.5rem 0;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper[x-placement^=right]{margin-left:.5rem}.fd-popover__popper[x-placement^=right] .fd-popover__arrow{left:-.5rem;margin:.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper[x-placement^=right] .fd-popover__arrow:after{left:1px;margin:-.5rem 0;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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__popper .fd-popover__arrow{box-sizing:border-box;padding:0;margin:0;border:0;position:absolute;width:0;height:0;border-style:solid;border-color:transparent;z-index:1000000}.fd-popover__popper .fd-popover__arrow:after{position:absolute;content:\"\";border-style:solid;border-color:transparent}.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--start:after,.fd-popover__popper .fd-popover__arrow--end:after{margin:-.5rem 0}.fd-popover__popper .fd-popover__arrow--bottom{bottom:-.5rem;border-width:.5rem .5rem 0 .5rem;border-top-color:#89919a;border-top-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--bottom:after{bottom:1px;border-width:.5rem .5rem 0 .5rem;border-top-color:#fff;border-top-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--top{top:-.5rem;border-width:0 .5rem .5rem .5rem;border-bottom-color:#89919a;border-bottom-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--top:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff;border-bottom-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--end{right:-.5rem;border-width:.5rem 0 .5rem .5rem;border-left-color:#89919a;border-left-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--end:after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff;border-left-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow--start{left:-.5rem;border-width:.5rem .5rem .5rem 0;border-right-color:#89919a;border-right-color:var(--sapContent_ForegroundBorderColor, #89919a)}.fd-popover__popper .fd-popover__arrow--start:after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff;border-right-color:var(--sapGroup_ContentBackground, #fff)}.fd-popover__popper .fd-popover__arrow-x--start{left:.25rem}.fd-popover__popper .fd-popover__arrow-x--center{left:50%;transform:translate(-50%)}.fd-popover__popper .fd-popover__arrow-x--end{right:.25rem}.fd-popover__popper .fd-popover__arrow-y--top{top:.25rem}.fd-popover__popper .fd-popover__arrow-y--center{top:50%;transform:translateY(-50%)}.fd-popover__popper .fd-popover__arrow-y--bottom{bottom:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom{position:relative;width:100%}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list{border-radius:.25rem}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-list .fd-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list{border-bottom:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child .fd-nested-list__content{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__item:last-child .fd-nested-list__link{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child .fd-nested-list__content{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .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-popover__popper--cdk-custom .fd-side-nav,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item{border-right:none}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:first-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:first-child{border-top-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-top-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover__popper.fd-popover__popper--cdk-custom .fd-side-nav:last-child,.fd-popover__popper.fd-popover__popper--cdk-custom .fd-nested-list__item:last-child{border-bottom-right-radius:var(--sapElement_BorderCornerRadius, .25rem);border-bottom-left-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-popover-custom{display:inline-block;max-width:100%}.fd-popover-custom-list .fd-list{overflow:auto}.cdk-overlay-container{z-index:1002}.fd-popover-custom--disabled .fd-popover__control{cursor:auto}.cdk-overlay-pane{max-height:initial}.fd-popover__popper.fd-inline-help__content{padding:.75rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem)}.fd-popover__body--hidden{display:none!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { _cdkTrapFocus: [{
                 type: ViewChild,
                 args: [CdkTrapFocus]

package/fesm2020/fundamental-ngx-core-product-switch.mjs

@@ -172,10 +172,10 @@ class ProductSwitchBodyComponent {
     }
 }
 ProductSwitchBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ProductSwitchBodyComponent, deps: [{ token: i1$1.ViewportRuler }, { token: i2$1.RtlService, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ProductSwitchBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: { dragAndDropEnabled: "dragAndDropEnabled", products: "products", forceListMode: "forceListMode" }, outputs: { productsChange: "productsChange", itemClicked: "itemClicked" }, ngImport: i0, template: "<div\n    class=\"fd-product-switch__body\"\n    [class.fd-product-switch__body--col-3]=\"_isSmallMode() && !_isListMode()\"\n    [class.fd-product-switch__body--mobile]=\"_isListMode()\"\n>\n    <ul\n        fd-dnd-list\n        class=\"fd-product-switch__list\"\n        [items]=\"products\"\n        [gridMode]=\"!_isListMode()\"\n        (itemDropped)=\"_productSwitchItemsChangeHandle($event)\"\n    >\n        <li\n            fd-dnd-item\n            *ngFor=\"let product of products\"\n            tabindex=\"0\"\n            class=\"fd-product-switch__item\"\n            [class.selected]=\"product.selected\"\n            (keydown)=\"_keyDownHandle($event)\"\n            (click)=\"_itemClick(product, $event)\"\n            [draggable]=\"!product.disabledDragAndDrop && dragAndDropEnabled\"\n            [stickInPlace]=\"product.stickToPosition\"\n        >\n            <i\n                role=\"presentation\"\n                class=\"fd-product-switch__icon\"\n                [class]=\"product.icon ? 'sap-icon--' + product.icon : ''\"\n            ></i>\n            <div class=\"fd-product-switch__text\">\n                <div class=\"fd-product-switch__title\">{{ product.title }}</div>\n                <div *ngIf=\"product.subtitle\" class=\"fd-product-switch__subtitle\">{{ product.subtitle }}</div>\n            </div>\n        </li>\n    </ul>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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 */.drag-placeholder{position:absolute;opacity:.3}/*!\n.fd-product-switch\n*/.fd-product-switch{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-product-switch:after,.fd-product-switch:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);justify-content:center}.fd-product-switch .fd-button.fd-product-switch__control:after,.fd-product-switch .fd-button.fd-product-switch__control:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control:before{margin-right:0}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]:before{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control.is-hover,.fd-product-switch .fd-button.fd-product-switch__control:hover{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);background-color:#283848;background-color:var(--sapShell_Hover_Background, #283848)}.fd-product-switch .fd-button.fd-product-switch__control.is-hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover[aria-disabled=true],.fd-product-switch .fd-button.fd-product-switch__control:hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover[aria-disabled=true]{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:disabled,.fd-product-switch .fd-button.fd-product-switch__control[aria-disabled=true]{opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-active,.fd-product-switch .fd-button.fd-product-switch__control.is-pressed,.fd-product-switch .fd-button.fd-product-switch__control.is-selected,.fd-product-switch .fd-button.fd-product-switch__control:active,.fd-product-switch .fd-button.fd-product-switch__control[aria-pressed=true],.fd-product-switch .fd-button.fd-product-switch__control[aria-selected=true]{color:#fff;color:var(--sapShell_Active_TextColor, #fff);background-color:#23303e;background-color:var(--sapShell_Active_Background, #23303e)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus,.fd-product-switch .fd-button.fd-product-switch__control:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus.fd-product-switch--toggled,.fd-product-switch .fd-button.fd-product-switch__control:focus.fd-product-switch--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch__list{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;width:47rem}.fd-product-switch__list:after,.fd-product-switch__list:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;height:7rem;max-width:11.25rem;flex:1 0 25%;padding:.5rem;margin-right:.5rem;margin-bottom:.5rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);box-shadow:none;box-shadow:var(--fdProductSwitch_Shadow, none)}.fd-product-switch__item:after,.fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.is-hover,.fd-product-switch__item:hover{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5);border:none;border:var(--fdProductSwitch_Border, none);cursor:pointer}.fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__item.is-active,.fd-product-switch__item:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0);border:none;border:var(--fdProductSwitch_Border, none)}.fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__item.is-active .fd-product-switch__title,.fd-product-switch__item:active .fd-product-switch__subtitle,.fd-product-switch__item:active .fd-product-switch__title,.fd-product-switch__item.is-active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.is-active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon[class*=sap-icon]{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__item.is-active:hover .fd-product-switch__title:after,.fd-product-switch__item.is-active:hover .fd-product-switch__title:before,.fd-product-switch__item:active.is-hover .fd-product-switch__title:after,.fd-product-switch__item:active.is-hover .fd-product-switch__title:before,.fd-product-switch__item:active:hover .fd-product-switch__title:after,.fd-product-switch__item:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border:.125rem solid #0854a0;border:.125rem solid var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fd-product-switch__item.selected.is-hover,.fd-product-switch__item.selected:hover{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-active,.fd-product-switch__item.selected:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-focus,.fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__item.dragged{background-color:#fff;background-color:var(--sapList_Background, #fff);cursor:grabbing;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged:active,.fd-product-switch__item.dragged:hover{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.dragged:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon[class*=sap-icon]{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-product-switch__item.dragged:active .fd-product-switch__title,.fd-product-switch__item.dragged:hover .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-product-switch__item.dragged:active .fd-product-switch__subtitle,.fd-product-switch__item.dragged:hover .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__item.dragged.selected{border:none;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged.is-hover,.fd-product-switch__item.dragged:hover{outline:0}.fd-product-switch__icon [class*=sap-icon],.fd-product-switch__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.5rem;margin-bottom:.5rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:3rem;min-height:3rem;display:flex;justify-content:center;align-items:center}.fd-product-switch__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:100%;overflow:hidden;max-height:2.5rem;text-shadow:none;text-shadow:var(--fdProductSwitch_Text_Shadow, none)}.fd-product-switch__text:after,.fd-product-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-height:2.5rem;line-height:1.25rem;font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);white-space:normal;z-index:1}.fd-product-switch__title:after,.fd-product-switch__title:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title:last-child{margin-bottom:0;margin-right:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis}.fd-product-switch__title:before{left:9.4rem;width:1rem;z-index:2}.fd-product-switch__title:after{width:1rem;left:9.4rem;z-index:3}.fd-product-switch__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__subtitle:after,.fd-product-switch__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:-moz-fit-content;width:fit-content;max-height:calc(100vh - 76px);overflow-y:auto;padding:1.5rem .5rem 1rem 1rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-product-switch__body:after,.fd-product-switch__body:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--col-3 .fd-product-switch__list{width:35.25rem}.fd-product-switch__body--mobile{padding:0;width:100%;max-width:100vw;overflow-x:hidden}.fd-product-switch__body--mobile .fd-product-switch__list{display:flex;flex-direction:column;width:100%}.fd-product-switch__body--mobile .fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:100%;max-height:5rem;padding:1rem;text-align:left;border-radius:0;border:none;border-bottom:.0625rem solid;flex:auto;border-bottom-color:#d9d9d9;border-bottom-color:var(--sapList_GroupHeaderBorderColor, #d9d9d9)}.fd-product-switch__body--mobile .fd-product-switch__item:after,.fd-product-switch__body--mobile .fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapTile_Background, #fff)}.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected{border-bottom-color:#0854a0;border-bottom-color:var(--sapList_SelectionBorderColor, #0854a0);box-shadow:none}.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.is-focus,.fd-product-switch__body--mobile .fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{left:21.7rem;width:1rem;z-index:2}.fd-product-switch__body--mobile .fd-product-switch__text{display:flex;flex-direction:column;justify-content:space-between;height:100%}.fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-bottom:0;margin-right:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon[class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-right:0;margin-left:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text{align-items:flex-start}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child),[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):after{display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):before{display:inline-flex}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__title:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{right:21.8rem;width:2rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:before{right:21.8rem;width:2rem;text-align:right;z-index:2}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:after{z-index:3;display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item:active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__subtitle{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__list{position:relative}.fd-product-switch__item.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-product-switch__body--mobile .fd-product-switch__item.cdk-drag-dragging{outline:none;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-dnd-item{position:relative}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:before,.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:after{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__icon{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item:active,.fd-dnd-item.fd-dnd-on-drag.selected{background-color:#fff;background-color:var(--sapList_Background, #fff)}[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__title,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__subtitle{text-align:right}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - 0.5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"], directives: [{ type: i2$1.DndListDirective, selector: "[fd-dnd-list]", inputs: ["gridMode", "replaceMode", "items", "draggable"], outputs: ["itemsChange", "itemDropped"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.DndItemDirective, selector: "[fd-dnd-item]", inputs: ["applyDragItemClass", "containerSelector", "stickInPlace", "draggable", "classWhenElementDragged"], outputs: ["moved", "released", "started"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ProductSwitchBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ProductSwitchBodyComponent, selector: "fd-product-switch-body", inputs: { dragAndDropEnabled: "dragAndDropEnabled", products: "products", forceListMode: "forceListMode" }, outputs: { productsChange: "productsChange", itemClicked: "itemClicked" }, ngImport: i0, template: "<div\n    class=\"fd-product-switch__body\"\n    [class.fd-product-switch__body--col-3]=\"_isSmallMode() && !_isListMode()\"\n    [class.fd-product-switch__body--mobile]=\"_isListMode()\"\n>\n    <ul\n        fd-dnd-list\n        class=\"fd-product-switch__list\"\n        [items]=\"products\"\n        [gridMode]=\"!_isListMode()\"\n        (itemDropped)=\"_productSwitchItemsChangeHandle($event)\"\n    >\n        <li\n            fd-dnd-item\n            *ngFor=\"let product of products\"\n            tabindex=\"0\"\n            class=\"fd-product-switch__item\"\n            [class.selected]=\"product.selected\"\n            (keydown)=\"_keyDownHandle($event)\"\n            (click)=\"_itemClick(product, $event)\"\n            [draggable]=\"!product.disabledDragAndDrop && dragAndDropEnabled\"\n            [stickInPlace]=\"product.stickToPosition\"\n        >\n            <i\n                role=\"presentation\"\n                class=\"fd-product-switch__icon\"\n                [class]=\"product.icon ? 'sap-icon--' + product.icon : ''\"\n            ></i>\n            <div class=\"fd-product-switch__text\">\n                <div class=\"fd-product-switch__title\">{{ product.title }}</div>\n                <div *ngIf=\"product.subtitle\" class=\"fd-product-switch__subtitle\">{{ product.subtitle }}</div>\n            </div>\n        </li>\n    </ul>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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 */.drag-placeholder{position:absolute;opacity:.3}/*!\n.fd-product-switch\n*/.fd-product-switch{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-product-switch:after,.fd-product-switch:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);justify-content:center}.fd-product-switch .fd-button.fd-product-switch__control:after,.fd-product-switch .fd-button.fd-product-switch__control:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control:before{margin-right:0}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]:before{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control.is-hover,.fd-product-switch .fd-button.fd-product-switch__control:hover{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);background-color:#283848;background-color:var(--sapShell_Hover_Background, #283848)}.fd-product-switch .fd-button.fd-product-switch__control.is-hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover[aria-disabled=true],.fd-product-switch .fd-button.fd-product-switch__control:hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover[aria-disabled=true]{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:disabled,.fd-product-switch .fd-button.fd-product-switch__control[aria-disabled=true]{opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-active,.fd-product-switch .fd-button.fd-product-switch__control.is-pressed,.fd-product-switch .fd-button.fd-product-switch__control.is-selected,.fd-product-switch .fd-button.fd-product-switch__control:active,.fd-product-switch .fd-button.fd-product-switch__control[aria-pressed=true],.fd-product-switch .fd-button.fd-product-switch__control[aria-selected=true]{color:#fff;color:var(--sapShell_Active_TextColor, #fff);background-color:#23303e;background-color:var(--sapShell_Active_Background, #23303e)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus,.fd-product-switch .fd-button.fd-product-switch__control:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus.fd-product-switch--toggled,.fd-product-switch .fd-button.fd-product-switch__control:focus.fd-product-switch--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch__list{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;width:47rem}.fd-product-switch__list:after,.fd-product-switch__list:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;height:7rem;max-width:11.25rem;flex:1 0 25%;padding:.5rem;margin-right:.5rem;margin-bottom:.5rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);box-shadow:none;box-shadow:var(--fdProductSwitch_Shadow, none)}.fd-product-switch__item:after,.fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.is-hover,.fd-product-switch__item:hover{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5);border:none;border:var(--fdProductSwitch_Border, none);cursor:pointer}.fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__item.is-active,.fd-product-switch__item:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0);border:none;border:var(--fdProductSwitch_Border, none)}.fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__item.is-active .fd-product-switch__title,.fd-product-switch__item:active .fd-product-switch__subtitle,.fd-product-switch__item:active .fd-product-switch__title,.fd-product-switch__item.is-active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.is-active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon[class*=sap-icon]{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__item.is-active:hover .fd-product-switch__title:after,.fd-product-switch__item.is-active:hover .fd-product-switch__title:before,.fd-product-switch__item:active.is-hover .fd-product-switch__title:after,.fd-product-switch__item:active.is-hover .fd-product-switch__title:before,.fd-product-switch__item:active:hover .fd-product-switch__title:after,.fd-product-switch__item:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border:.125rem solid #0854a0;border:.125rem solid var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fd-product-switch__item.selected.is-hover,.fd-product-switch__item.selected:hover{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-active,.fd-product-switch__item.selected:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-focus,.fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__item.dragged{background-color:#fff;background-color:var(--sapList_Background, #fff);cursor:grabbing;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged:active,.fd-product-switch__item.dragged:hover{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.dragged:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon[class*=sap-icon]{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-product-switch__item.dragged:active .fd-product-switch__title,.fd-product-switch__item.dragged:hover .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-product-switch__item.dragged:active .fd-product-switch__subtitle,.fd-product-switch__item.dragged:hover .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__item.dragged.selected{border:none;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged.is-hover,.fd-product-switch__item.dragged:hover{outline:0}.fd-product-switch__icon [class*=sap-icon],.fd-product-switch__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.5rem;margin-bottom:.5rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:3rem;min-height:3rem;display:flex;justify-content:center;align-items:center}.fd-product-switch__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:100%;overflow:hidden;max-height:2.5rem;text-shadow:none;text-shadow:var(--fdProductSwitch_Text_Shadow, none)}.fd-product-switch__text:after,.fd-product-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-height:2.5rem;line-height:1.25rem;font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);white-space:normal;z-index:1}.fd-product-switch__title:after,.fd-product-switch__title:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title:last-child{margin-bottom:0;margin-right:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis}.fd-product-switch__title:before{left:9.4rem;width:1rem;z-index:2}.fd-product-switch__title:after{width:1rem;left:9.4rem;z-index:3}.fd-product-switch__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__subtitle:after,.fd-product-switch__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:-moz-fit-content;width:fit-content;max-height:calc(100vh - 76px);overflow-y:auto;padding:1.5rem .5rem 1rem 1rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-product-switch__body:after,.fd-product-switch__body:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--col-3 .fd-product-switch__list{width:35.25rem}.fd-product-switch__body--mobile{padding:0;width:100%;max-width:100vw;overflow-x:hidden}.fd-product-switch__body--mobile .fd-product-switch__list{display:flex;flex-direction:column;width:100%}.fd-product-switch__body--mobile .fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:100%;max-height:5rem;padding:1rem;text-align:left;border-radius:0;border:none;border-bottom:.0625rem solid;flex:auto;border-bottom-color:#d9d9d9;border-bottom-color:var(--sapList_GroupHeaderBorderColor, #d9d9d9)}.fd-product-switch__body--mobile .fd-product-switch__item:after,.fd-product-switch__body--mobile .fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapTile_Background, #fff)}.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected{border-bottom-color:#0854a0;border-bottom-color:var(--sapList_SelectionBorderColor, #0854a0);box-shadow:none}.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.is-focus,.fd-product-switch__body--mobile .fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{left:21.7rem;width:1rem;z-index:2}.fd-product-switch__body--mobile .fd-product-switch__text{display:flex;flex-direction:column;justify-content:space-between;height:100%}.fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-bottom:0;margin-right:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon[class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-right:0;margin-left:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text{align-items:flex-start}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child),[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):after{display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):before{display:inline-flex}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__title:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{right:21.8rem;width:2rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:before{right:21.8rem;width:2rem;text-align:right;z-index:2}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:after{z-index:3;display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item:active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__subtitle{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__list{position:relative}.fd-product-switch__item.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-product-switch__body--mobile .fd-product-switch__item.cdk-drag-dragging{outline:none;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-dnd-item{position:relative}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:before,.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:after{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__icon{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item:active,.fd-dnd-item.fd-dnd-on-drag.selected{background-color:#fff;background-color:var(--sapList_Background, #fff)}[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__title,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__subtitle{text-align:right}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"], directives: [{ type: i2$1.DndListDirective, selector: "[fd-dnd-list]", inputs: ["gridMode", "replaceMode", "items", "draggable"], outputs: ["itemsChange", "itemDropped"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.DndItemDirective, selector: "[fd-dnd-item]", inputs: ["applyDragItemClass", "containerSelector", "stickInPlace", "draggable", "classWhenElementDragged"], outputs: ["moved", "released", "started"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ProductSwitchBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-product-switch-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-product-switch__body\"\n    [class.fd-product-switch__body--col-3]=\"_isSmallMode() && !_isListMode()\"\n    [class.fd-product-switch__body--mobile]=\"_isListMode()\"\n>\n    <ul\n        fd-dnd-list\n        class=\"fd-product-switch__list\"\n        [items]=\"products\"\n        [gridMode]=\"!_isListMode()\"\n        (itemDropped)=\"_productSwitchItemsChangeHandle($event)\"\n    >\n        <li\n            fd-dnd-item\n            *ngFor=\"let product of products\"\n            tabindex=\"0\"\n            class=\"fd-product-switch__item\"\n            [class.selected]=\"product.selected\"\n            (keydown)=\"_keyDownHandle($event)\"\n            (click)=\"_itemClick(product, $event)\"\n            [draggable]=\"!product.disabledDragAndDrop && dragAndDropEnabled\"\n            [stickInPlace]=\"product.stickToPosition\"\n        >\n            <i\n                role=\"presentation\"\n                class=\"fd-product-switch__icon\"\n                [class]=\"product.icon ? 'sap-icon--' + product.icon : ''\"\n            ></i>\n            <div class=\"fd-product-switch__text\">\n                <div class=\"fd-product-switch__title\">{{ product.title }}</div>\n                <div *ngIf=\"product.subtitle\" class=\"fd-product-switch__subtitle\">{{ product.subtitle }}</div>\n            </div>\n        </li>\n    </ul>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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 */.drag-placeholder{position:absolute;opacity:.3}/*!\n.fd-product-switch\n*/.fd-product-switch{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-product-switch:after,.fd-product-switch:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);justify-content:center}.fd-product-switch .fd-button.fd-product-switch__control:after,.fd-product-switch .fd-button.fd-product-switch__control:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control:before{margin-right:0}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]:before{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control.is-hover,.fd-product-switch .fd-button.fd-product-switch__control:hover{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);background-color:#283848;background-color:var(--sapShell_Hover_Background, #283848)}.fd-product-switch .fd-button.fd-product-switch__control.is-hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover[aria-disabled=true],.fd-product-switch .fd-button.fd-product-switch__control:hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover[aria-disabled=true]{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:disabled,.fd-product-switch .fd-button.fd-product-switch__control[aria-disabled=true]{opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-active,.fd-product-switch .fd-button.fd-product-switch__control.is-pressed,.fd-product-switch .fd-button.fd-product-switch__control.is-selected,.fd-product-switch .fd-button.fd-product-switch__control:active,.fd-product-switch .fd-button.fd-product-switch__control[aria-pressed=true],.fd-product-switch .fd-button.fd-product-switch__control[aria-selected=true]{color:#fff;color:var(--sapShell_Active_TextColor, #fff);background-color:#23303e;background-color:var(--sapShell_Active_Background, #23303e)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus,.fd-product-switch .fd-button.fd-product-switch__control:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus.fd-product-switch--toggled,.fd-product-switch .fd-button.fd-product-switch__control:focus.fd-product-switch--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch__list{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;width:47rem}.fd-product-switch__list:after,.fd-product-switch__list:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;height:7rem;max-width:11.25rem;flex:1 0 25%;padding:.5rem;margin-right:.5rem;margin-bottom:.5rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);box-shadow:none;box-shadow:var(--fdProductSwitch_Shadow, none)}.fd-product-switch__item:after,.fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.is-hover,.fd-product-switch__item:hover{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5);border:none;border:var(--fdProductSwitch_Border, none);cursor:pointer}.fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__item.is-active,.fd-product-switch__item:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0);border:none;border:var(--fdProductSwitch_Border, none)}.fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__item.is-active .fd-product-switch__title,.fd-product-switch__item:active .fd-product-switch__subtitle,.fd-product-switch__item:active .fd-product-switch__title,.fd-product-switch__item.is-active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.is-active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon[class*=sap-icon]{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__item.is-active:hover .fd-product-switch__title:after,.fd-product-switch__item.is-active:hover .fd-product-switch__title:before,.fd-product-switch__item:active.is-hover .fd-product-switch__title:after,.fd-product-switch__item:active.is-hover .fd-product-switch__title:before,.fd-product-switch__item:active:hover .fd-product-switch__title:after,.fd-product-switch__item:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border:.125rem solid #0854a0;border:.125rem solid var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fd-product-switch__item.selected.is-hover,.fd-product-switch__item.selected:hover{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-active,.fd-product-switch__item.selected:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-focus,.fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__item.dragged{background-color:#fff;background-color:var(--sapList_Background, #fff);cursor:grabbing;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged:active,.fd-product-switch__item.dragged:hover{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.dragged:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon[class*=sap-icon]{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-product-switch__item.dragged:active .fd-product-switch__title,.fd-product-switch__item.dragged:hover .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-product-switch__item.dragged:active .fd-product-switch__subtitle,.fd-product-switch__item.dragged:hover .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__item.dragged.selected{border:none;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged.is-hover,.fd-product-switch__item.dragged:hover{outline:0}.fd-product-switch__icon [class*=sap-icon],.fd-product-switch__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.5rem;margin-bottom:.5rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:3rem;min-height:3rem;display:flex;justify-content:center;align-items:center}.fd-product-switch__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:100%;overflow:hidden;max-height:2.5rem;text-shadow:none;text-shadow:var(--fdProductSwitch_Text_Shadow, none)}.fd-product-switch__text:after,.fd-product-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-height:2.5rem;line-height:1.25rem;font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);white-space:normal;z-index:1}.fd-product-switch__title:after,.fd-product-switch__title:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title:last-child{margin-bottom:0;margin-right:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis}.fd-product-switch__title:before{left:9.4rem;width:1rem;z-index:2}.fd-product-switch__title:after{width:1rem;left:9.4rem;z-index:3}.fd-product-switch__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__subtitle:after,.fd-product-switch__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:-moz-fit-content;width:fit-content;max-height:calc(100vh - 76px);overflow-y:auto;padding:1.5rem .5rem 1rem 1rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-product-switch__body:after,.fd-product-switch__body:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--col-3 .fd-product-switch__list{width:35.25rem}.fd-product-switch__body--mobile{padding:0;width:100%;max-width:100vw;overflow-x:hidden}.fd-product-switch__body--mobile .fd-product-switch__list{display:flex;flex-direction:column;width:100%}.fd-product-switch__body--mobile .fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:100%;max-height:5rem;padding:1rem;text-align:left;border-radius:0;border:none;border-bottom:.0625rem solid;flex:auto;border-bottom-color:#d9d9d9;border-bottom-color:var(--sapList_GroupHeaderBorderColor, #d9d9d9)}.fd-product-switch__body--mobile .fd-product-switch__item:after,.fd-product-switch__body--mobile .fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapTile_Background, #fff)}.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected{border-bottom-color:#0854a0;border-bottom-color:var(--sapList_SelectionBorderColor, #0854a0);box-shadow:none}.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.is-focus,.fd-product-switch__body--mobile .fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{left:21.7rem;width:1rem;z-index:2}.fd-product-switch__body--mobile .fd-product-switch__text{display:flex;flex-direction:column;justify-content:space-between;height:100%}.fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-bottom:0;margin-right:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon[class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-right:0;margin-left:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text{align-items:flex-start}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child),[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):after{display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):before{display:inline-flex}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__title:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{right:21.8rem;width:2rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:before{right:21.8rem;width:2rem;text-align:right;z-index:2}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:after{z-index:3;display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item:active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__subtitle{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__list{position:relative}.fd-product-switch__item.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-product-switch__body--mobile .fd-product-switch__item.cdk-drag-dragging{outline:none;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-dnd-item{position:relative}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:before,.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:after{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__icon{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item:active,.fd-dnd-item.fd-dnd-on-drag.selected{background-color:#fff;background-color:var(--sapList_Background, #fff)}[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__title,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__subtitle{text-align:right}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - 0.5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"] }]
+            args: [{ selector: 'fd-product-switch-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    class=\"fd-product-switch__body\"\n    [class.fd-product-switch__body--col-3]=\"_isSmallMode() && !_isListMode()\"\n    [class.fd-product-switch__body--mobile]=\"_isListMode()\"\n>\n    <ul\n        fd-dnd-list\n        class=\"fd-product-switch__list\"\n        [items]=\"products\"\n        [gridMode]=\"!_isListMode()\"\n        (itemDropped)=\"_productSwitchItemsChangeHandle($event)\"\n    >\n        <li\n            fd-dnd-item\n            *ngFor=\"let product of products\"\n            tabindex=\"0\"\n            class=\"fd-product-switch__item\"\n            [class.selected]=\"product.selected\"\n            (keydown)=\"_keyDownHandle($event)\"\n            (click)=\"_itemClick(product, $event)\"\n            [draggable]=\"!product.disabledDragAndDrop && dragAndDropEnabled\"\n            [stickInPlace]=\"product.stickToPosition\"\n        >\n            <i\n                role=\"presentation\"\n                class=\"fd-product-switch__icon\"\n                [class]=\"product.icon ? 'sap-icon--' + product.icon : ''\"\n            ></i>\n            <div class=\"fd-product-switch__text\">\n                <div class=\"fd-product-switch__title\">{{ product.title }}</div>\n                <div *ngIf=\"product.subtitle\" class=\"fd-product-switch__subtitle\">{{ product.subtitle }}</div>\n            </div>\n        </li>\n    </ul>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\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 */.drag-placeholder{position:absolute;opacity:.3}/*!\n.fd-product-switch\n*/.fd-product-switch{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0}.fd-product-switch:after,.fd-product-switch:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);justify-content:center}.fd-product-switch .fd-button.fd-product-switch__control:after,.fd-product-switch .fd-button.fd-product-switch__control:before{box-sizing:inherit;font-size:inherit}.fd-product-switch .fd-button.fd-product-switch__control:before{margin-right:0}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control>[class*=sap-icon]:before{color:inherit}.fd-product-switch .fd-button.fd-product-switch__control.is-hover,.fd-product-switch .fd-button.fd-product-switch__control:hover{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);background-color:#283848;background-color:var(--sapShell_Hover_Background, #283848)}.fd-product-switch .fd-button.fd-product-switch__control.is-hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control.is-hover[aria-disabled=true],.fd-product-switch .fd-button.fd-product-switch__control:hover.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover:disabled,.fd-product-switch .fd-button.fd-product-switch__control:hover[aria-disabled=true]{color:#d1e8ff;color:var(--sapShell_InteractiveTextColor, #d1e8ff);opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-disabled,.fd-product-switch .fd-button.fd-product-switch__control:disabled,.fd-product-switch .fd-button.fd-product-switch__control[aria-disabled=true]{opacity:.4%}.fd-product-switch .fd-button.fd-product-switch__control.is-active,.fd-product-switch .fd-button.fd-product-switch__control.is-pressed,.fd-product-switch .fd-button.fd-product-switch__control.is-selected,.fd-product-switch .fd-button.fd-product-switch__control:active,.fd-product-switch .fd-button.fd-product-switch__control[aria-pressed=true],.fd-product-switch .fd-button.fd-product-switch__control[aria-selected=true]{color:#fff;color:var(--sapShell_Active_TextColor, #fff);background-color:#23303e;background-color:var(--sapShell_Active_Background, #23303e)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus,.fd-product-switch .fd-button.fd-product-switch__control:focus{z-index:5;outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.1875rem;outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch .fd-button.fd-product-switch__control.is-focus.fd-product-switch--toggled,.fd-product-switch .fd-button.fd-product-switch__control:focus.fd-product-switch--toggled{outline-color:#fff;outline-color:var(--sapContent_ContrastFocusColor, #fff)}.fd-product-switch__list{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;flex-wrap:wrap;width:47rem}.fd-product-switch__list:after,.fd-product-switch__list:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:column;align-items:center;text-align:center;height:7rem;max-width:11.25rem;flex:1 0 25%;padding:.5rem;margin-right:.5rem;margin-bottom:.5rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem);box-shadow:none;box-shadow:var(--fdProductSwitch_Shadow, none)}.fd-product-switch__item:after,.fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__item .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.is-hover,.fd-product-switch__item:hover{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5);border:none;border:var(--fdProductSwitch_Border, none);cursor:pointer}.fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__item.is-active,.fd-product-switch__item:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0);border:none;border:var(--fdProductSwitch_Border, none)}.fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__item.is-active .fd-product-switch__title,.fd-product-switch__item:active .fd-product-switch__subtitle,.fd-product-switch__item:active .fd-product-switch__title,.fd-product-switch__item.is-active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.is-active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item:active .fd-product-switch__icon[class*=sap-icon]{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__item.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__item.is-active:hover .fd-product-switch__title:after,.fd-product-switch__item.is-active:hover .fd-product-switch__title:before,.fd-product-switch__item:active.is-hover .fd-product-switch__title:after,.fd-product-switch__item:active.is-hover .fd-product-switch__title:before,.fd-product-switch__item:active:hover .fd-product-switch__title:after,.fd-product-switch__item:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa);border:.125rem solid #0854a0;border:.125rem solid var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#e5f0fa;background-color:var(--sapList_SelectionBackgroundColor, #e5f0fa)}.fd-product-switch__item.selected.is-hover,.fd-product-switch__item.selected:hover{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__item.selected.is-active,.fd-product-switch__item.selected:active{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__item.is-focus,.fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__item.dragged{background-color:#fff;background-color:var(--sapList_Background, #fff);cursor:grabbing;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged:active,.fd-product-switch__item.dragged:hover{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-product-switch__item.dragged:active .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:active .fd-product-switch__icon[class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__item.dragged:hover .fd-product-switch__icon[class*=sap-icon]{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-product-switch__item.dragged:active .fd-product-switch__title,.fd-product-switch__item.dragged:hover .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-product-switch__item.dragged:active .fd-product-switch__subtitle,.fd-product-switch__item.dragged:hover .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__item.dragged.selected{border:none;box-shadow:0 0 0 .0625rem #0000006b,0 .625rem 1.875rem #0000004d;box-shadow:var(--sapContent_Shadow2, 0 0 0 .0625rem rgba(0, 0, 0, .42), 0 .625rem 1.875rem 0 rgba(0, 0, 0, .3))}.fd-product-switch__item.dragged.is-hover,.fd-product-switch__item.dragged:hover{outline:0}.fd-product-switch__icon [class*=sap-icon],.fd-product-switch__icon[class*=sap-icon]{color:inherit;background:inherit;font-size:inherit;border-radius:inherit;line-height:1;font-size:1.5rem;margin-bottom:.5rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:3rem;min-height:3rem;display:flex;justify-content:center;align-items:center}.fd-product-switch__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:100%;overflow:hidden;max-height:2.5rem;text-shadow:none;text-shadow:var(--fdProductSwitch_Text_Shadow, none)}.fd-product-switch__text:after,.fd-product-switch__text:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title{font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;max-height:2.5rem;line-height:1.25rem;font-size:.875rem;font-size:var(--sapFontHeader6Size, .875rem);color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a);white-space:normal;z-index:1}.fd-product-switch__title:after,.fd-product-switch__title:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__title:last-child{margin-bottom:0;margin-right:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis}.fd-product-switch__title:before{left:9.4rem;width:1rem;z-index:2}.fd-product-switch__title:after{width:1rem;left:9.4rem;z-index:3}.fd-product-switch__subtitle{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem;font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-product-switch__subtitle:after,.fd-product-switch__subtitle:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;width:-moz-fit-content;width:fit-content;max-height:calc(100vh - 76px);overflow-y:auto;padding:1.5rem .5rem 1rem 1rem;background-color:#fff;background-color:var(--sapList_Background, #fff);border-radius:.25rem;border-radius:var(--sapElement_BorderCornerRadius, .25rem)}.fd-product-switch__body:after,.fd-product-switch__body:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--col-3 .fd-product-switch__list{width:35.25rem}.fd-product-switch__body--mobile{padding:0;width:100%;max-width:100vw;overflow-x:hidden}.fd-product-switch__body--mobile .fd-product-switch__list{display:flex;flex-direction:column;width:100%}.fd-product-switch__body--mobile .fd-product-switch__item{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;flex-direction:row;max-width:100%;max-height:5rem;padding:1rem;text-align:left;border-radius:0;border:none;border-bottom:.0625rem solid;flex:auto;border-bottom-color:#d9d9d9;border-bottom-color:var(--sapList_GroupHeaderBorderColor, #d9d9d9)}.fd-product-switch__body--mobile .fd-product-switch__item:after,.fd-product-switch__body--mobile .fd-product-switch__item:before{box-sizing:inherit;font-size:inherit}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{background-color:#fff;background-color:var(--sapTile_Background, #fff)}.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:hover .fd-product-switch__title:before{background-color:#f5f5f5;background-color:var(--sapList_Hover_Background, #f5f5f5)}.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected{border-bottom-color:#0854a0;border-bottom-color:var(--sapList_SelectionBorderColor, #0854a0);box-shadow:none}.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_SelectionBorderColor, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:hover .fd-product-switch__title:before{background-color:#d8e9f8;background-color:var(--sapList_Hover_SelectionBackground, #d8e9f8)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected.is-active:hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active.is-hover .fd-product-switch__title:before,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item.selected:active:hover .fd-product-switch__title:before{background-color:#0854a0;background-color:var(--sapList_Active_Background, #0854a0)}.fd-product-switch__body--mobile .fd-product-switch__item.is-focus,.fd-product-switch__body--mobile .fd-product-switch__item:focus{outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:after,.fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{left:21.7rem;width:1rem;z-index:2}.fd-product-switch__body--mobile .fd-product-switch__text{display:flex;flex-direction:column;justify-content:space-between;height:100%}.fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-bottom:0;margin-right:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon [class*=sap-icon],.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__icon[class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon [class*=sap-icon],[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__icon[class*=sap-icon]{margin-right:0;margin-left:.75rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text{align-items:flex-start}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child),[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):after{display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__text .fd-product-switch__title:not(:last-child):before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__text .fd-product-switch__title:not(:last-child):before{display:inline-flex}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__title:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__title:before{right:21.8rem;width:2rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25rem}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:before,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:before{right:21.8rem;width:2rem;text-align:right;z-index:2}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item .fd-product-switch__subtitle:after,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item .fd-product-switch__subtitle:after{z-index:3;display:none}.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item.is-active .fd-product-switch__subtitle,.fd-product-switch__body--mobile[dir=rtl] .fd-product-switch__item:active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item.is-active .fd-product-switch__subtitle,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__item:active .fd-product-switch__subtitle{color:#fff;color:var(--sapList_Active_TextColor, #fff)}.fd-product-switch__list{position:relative}.fd-product-switch__item.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-product-switch__body--mobile .fd-product-switch__item.cdk-drag-dragging{outline:none;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.fd-dnd-item{position:relative}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:before,.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title:after{background-color:#fff;background-color:var(--sapList_Background, #fff)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__icon{color:#0854a0;color:var(--sapContent_IconColor, #0854a0)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__title{color:#32363a;color:var(--sapGroup_TitleTextColor, #32363a)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item .fd-product-switch__subtitle{color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70)}.fd-dnd-item.fd-dnd-on-drag.fd-product-switch__item:active,.fd-dnd-item.fd-dnd-on-drag.selected{background-color:#fff;background-color:var(--sapList_Background, #fff)}[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__title,[dir=rtl] .fd-product-switch__body--mobile .fd-product-switch__subtitle{text-align:right}\n", ".cdk-drag-dragging{z-index:15;background-color:#fff;background-color:var(--sapList_Background, #fff);opacity:.8;transition:box-shadow .2s cubic-bezier(0,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.fd-replace-indicator{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;border-width:.125rem;border-style:solid;background-color:transparent;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor)}.fd-replace-indicator:before{content:\"\";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0854a0;background-color:var(--sapContent_DragAndDropActiveColor, #0854a0);opacity:.5}.cdk-drag{cursor:grab}.cdk-drag.cdk-drag-dragging{cursor:grabbing}.cdk-drag-dragging{outline:none;cursor:grabbing;box-shadow:0 0 0 .0625rem #00000026,0 .625rem 1.875rem #0000004d}.cdk-drag-disabled{cursor:default}.fd-dnd-placeholder{top:0;left:0;position:absolute;opacity:.3;z-index:-1}.fd-dnd-item{position:relative;cursor:grab}.fd-dnd-item.fd-dnd-on-drag{background-color:#fff;background-color:var(--sapList_Background, #fff);z-index:15;cursor:grabbing}.drop-area__line{z-index:9999;position:absolute;background:#0854a0;background:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--vertical{top:0;height:calc(100% - .5rem);width:2px}.drop-area__line--vertical.after{right:.2rem}.drop-area__line--vertical.before{left:-.3rem}.drop-area__line--vertical:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:-.2rem;top:-.5rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}.drop-area__line--horizontal{left:0;width:100%;height:2px}.drop-area__line--horizontal.before{top:0}.drop-area__line--horizontal.after{bottom:0}.drop-area__line--horizontal:before{background-color:#fff;background-color:var(--sapList_Background, #fff);content:\"\";position:absolute;left:0;top:-.2rem;border-radius:50%;width:.5rem;height:.5rem;border-width:.125rem;border-style:solid;border-color:#0854a0;border-color:var(--sapContent_DragAndDropActiveColor, #0854a0)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ViewportRuler }, { type: i2$1.RtlService, decorators: [{
                     type: Optional
                 }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dragAndDropEnabled: [{