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

package/esm2020/select/select.component.mjs

@@ -517,7 +517,7 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
         registerFormItemControl(SelectComponent),
         SelectKeyManagerService,
         contentDensityObserverProviders()
-    ], queries: [{ propertyName: "_options", predicate: OptionComponent, descendants: true }], viewQueries: [{ propertyName: "_controlElementRef", first: true, predicate: ["selectControl"], descendants: true }, { propertyName: "selectOptionsListTemplate", first: true, predicate: ["selectOptionsListTemplate"], descendants: true }, { propertyName: "_dialogContainerElementRef", first: true, predicate: ["dialogContainer"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "_optionPanel", first: true, predicate: ["optionPanel"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <fd-popover\n            additionalBodyClass=\"fd-popover-custom-list\"\n            [isOpen]=\"_isOpen\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [disabled]=\"disabled || readonly\"\n            [appendTo]=\"appendTo\"\n            [closeOnEscapeKey]=\"true\"\n            [fillControlMode]=\"fillControlMode\"\n            [maxWidth]=\"600\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n            (isOpenChange)=\"_popoverOpenChangeHandle($event)\"\n        >\n            <fd-popover-control>\n                <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n            </fd-popover-control>\n\n            <fd-popover-body class=\"fd-popover-custom-select-body\">\n                <ng-container [ngTemplateOutlet]=\"selectOptionsListTemplate\"></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n\n<ng-template #selectInputControlTemplate>\n    <div\n        class=\"fd-select__control\"\n        role=\"list\"\n        #selectControl\n        [class]=\"state ? 'is-' + state : ''\"\n        [class.is-active]=\"_isOpen\"\n        [class.is-expanded]=\"_isOpen\"\n        [class.is-disabled]=\"disabled\"\n        [class.is-readonly]=\"readonly\"\n        [attr.tabindex]=\"_tabIndex\"\n        [attr.id]=\"controlId\"\n        [attr.aria-active]=\"_isOpen\"\n        aria-live=\"polite\"\n        [attr.aria-selected]=\"selected?.selected\"\n        [attr.aria-expanded]=\"_isOpen\"\n        [attr.aria-disabled]=\"disabled\"\n        [attr.aria-readonly]=\"readonly\"\n        [attr.aria-controls]=\"controlId + '-list-box'\"\n        [attr.aria-haspopup]=\"!(this.readonly || this.disabled)\"\n        [attr.aria-required]=\"required\"\n        [attr.title]=\"triggerValue\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-activedescendant]=\"_getAriaActiveDescendant()\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n    >\n        <div role=\"listitem\" class=\"fd-select__text-content\" [attr.aria-label]=\"triggerValue\">\n            <ng-container\n                [ngTemplateOutlet]=\"controlTemplate ? controlTemplate : defaultSelectContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: triggerValue, selected: selected }\"\n            >\n            </ng-container>\n\n            <ng-template #defaultSelectContent>\n                {{ triggerValue }}\n            </ng-template>\n        </div>\n        <button\n            fd-button\n            tabindex=\"-1\"\n            class=\"fd-button--transparent fd-select__button\"\n            *ngIf=\"!readonly\"\n            [disabled]=\"disabled\"\n            [glyph]=\"glyph\"\n        ></button>\n    </div>\n</ng-template>\n\n<ng-template #selectOptionsListTemplate>\n    <ul\n        #optionPanel\n        fd-list\n        class=\"fd-select-options\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        [mobileMode]=\"mobile\"\n        [dropdownMode]=\"true\"\n        [hasMessage]=\"!!stateMessage\"\n        [attr.id]=\"controlId + '-list-box'\"\n        [style.max-height]=\"maxHeight || calculatedMaxHeight + 'px'\"\n        [attr.tooltip]=\"triggerValue\"\n    >\n        <li\n            *ngIf=\"stateMessage\"\n            [attr.aria-label]=\"stateMessage\"\n            fd-list-message\n            tabindex=\"-1\"\n            role=\"presentation\"\n            [type]=\"state || 'default'\"\n            [innerHtml]=\"stateMessage\"\n        ></li>\n\n        <ng-content></ng-content>\n    </ul>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n    </div>\n\n    <div #dialogContainer></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-select{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSelect_Text_Shadow)}.fd-select:after,.fd-select:before{box-sizing:inherit;font-size:inherit}.fd-select__control{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;justify-content:center;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-select__control:after,.fd-select__control:before{box-sizing:inherit;font-size:inherit}.fd-select__control::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control[dir=rtl]::placeholder,[dir=rtl] .fd-select__control::placeholder{text-indent:.125rem}.fd-select__control::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::-ms-clear{display:none}.fd-select__control.is-hover,.fd-select__control:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-focus,.fd-select__control:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-select__control.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-select__control.is-success.is-hover,.fd-select__control.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-focus,.fd-select__control.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-select__control.is-success.is-focus.is-hover,.fd-select__control.is-success.is-focus:hover,.fd-select__control.is-success:focus.is-hover,.fd-select__control.is-success:focus:hover{box-shadow:none}.fd-select__control.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-select__control.is-error.is-hover,.fd-select__control.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-select__control.is-error.is-focus.is-hover,.fd-select__control.is-error.is-focus:hover,.fd-select__control.is-error:focus.is-hover,.fd-select__control.is-error:focus:hover{box-shadow:none}.fd-select__control.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-warning.is-hover,.fd-select__control.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-warning.is-focus.is-hover,.fd-select__control.is-warning.is-focus:hover,.fd-select__control.is-warning:focus.is-hover,.fd-select__control.is-warning:focus:hover{box-shadow:none}.fd-select__control.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-alert.is-hover,.fd-select__control.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-alert.is-focus.is-hover,.fd-select__control.is-alert.is-focus:hover,.fd-select__control.is-alert:focus.is-hover,.fd-select__control.is-alert:focus:hover{box-shadow:none}.fd-select__control.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-select__control.is-information.is-hover,.fd-select__control.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-select__control.is-information.is-focus.is-hover,.fd-select__control.is-information.is-focus:hover,.fd-select__control.is-information:focus.is-hover,.fd-select__control.is-information:focus:hover{box-shadow:none}.fd-select__control.is-alert,.fd-select__control.is-error,.fd-select__control.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::placeholder,.fd-select__control.is-error::placeholder,.fd-select__control.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus,.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus,.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus,.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-select__control.is-error::placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-select__control.is-disabled::placeholder,.fd-select__control:disabled::placeholder,.fd-select__control[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-select__control.is-readonly::placeholder,.fd-select__control[aria-readonly=true]::placeholder,.fd-select__control[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly.is-hover,.fd-select__control.is-readonly:hover,.fd-select__control[aria-readonly=true].is-hover,.fd-select__control[aria-readonly=true]:hover,.fd-select__control[readonly].is-hover,.fd-select__control[readonly]:hover{box-shadow:none}.fd-select__control.is-readonly.is-focus,.fd-select__control.is-readonly:focus,.fd-select__control[aria-readonly=true].is-focus,.fd-select__control[aria-readonly=true]:focus,.fd-select__control[readonly].is-focus,.fd-select__control[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-select__control .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button.is-hover,.fd-select__control .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-active,.fd-select__control .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button.is-hover,.fd-select__control.is-success .fd-select__button:active,.fd-select__control.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button.is-hover,.fd-select__control.is-error .fd-select__button:active,.fd-select__control.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button.is-hover,.fd-select__control.is-warning .fd-select__button:active,.fd-select__control.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button.is-hover,.fd-select__control.is-alert .fd-select__button:active,.fd-select__control.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button.is-hover,.fd-select__control.is-information .fd-select__button:active,.fd-select__control.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{pointer-events:none}.fd-select__control .fd-select__button{margin-left:.25rem}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{margin-left:0;margin-right:.25rem}.fd-select__control .fd-select__button .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button .fd-select__button.is-hover,.fd-select__control .fd-select__button .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button .fd-select__button.is-active,.fd-select__control .fd-select__button .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-active,.fd-select__control .fd-select__button.is-success .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-active,.fd-select__control .fd-select__button.is-error .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-active,.fd-select__control .fd-select__button.is-warning .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-active,.fd-select__control .fd-select__button.is-alert .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-active,.fd-select__control .fd-select__button.is-information .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{cursor:text}.fd-select__control.is-readonly .fd-select__text-content,.fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select__control[readonly] .fd-select__text-content{min-width:calc(5rem - var(--sapField_BorderWidth) * 2);padding-left:.625rem;padding-right:.625rem}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-expanded .fd-select__button,.fd-select__control[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-expanded.is-focus,.fd-select__control.is-expanded:focus,.fd-select__control[aria-expanded=true].is-focus,.fd-select__control[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-expanded.is-hover .fd-select__button,.fd-select__control.is-expanded:hover .fd-select__button,.fd-select__control[aria-expanded=true].is-hover .fd-select__button,.fd-select__control[aria-expanded=true]:hover .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Hover_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color_Hover);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-success.is-expanded,.fd-select__control.is-success[aria-expanded=true]{box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-expanded .fd-select__button,.fd-select__control.is-success[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Success_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-success.is-expanded.is-focus,.fd-select__control.is-success.is-expanded:focus,.fd-select__control.is-success[aria-expanded=true].is-focus,.fd-select__control.is-success[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-error.is-expanded,.fd-select__control.is-error[aria-expanded=true]{box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-expanded .fd-select__button,.fd-select__control.is-error[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Error_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-error.is-expanded.is-focus,.fd-select__control.is-error.is-expanded:focus,.fd-select__control.is-error[aria-expanded=true].is-focus,.fd-select__control.is-error[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-warning.is-expanded,.fd-select__control.is-warning[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-expanded .fd-select__button,.fd-select__control.is-warning[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-warning.is-expanded.is-focus,.fd-select__control.is-warning.is-expanded:focus,.fd-select__control.is-warning[aria-expanded=true].is-focus,.fd-select__control.is-warning[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-alert.is-expanded,.fd-select__control.is-alert[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-expanded .fd-select__button,.fd-select__control.is-alert[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert.is-expanded.is-focus,.fd-select__control.is-alert.is-expanded:focus,.fd-select__control.is-alert[aria-expanded=true].is-focus,.fd-select__control.is-alert[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-information.is-expanded,.fd-select__control.is-information[aria-expanded=true]{box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-expanded .fd-select__button,.fd-select__control.is-information[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Information_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-information.is-expanded.is-focus,.fd-select__control.is-information.is-expanded:focus,.fd-select__control.is-information[aria-expanded=true].is-focus,.fd-select__control.is-information[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__text-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:calc(2.5rem - var(--sapField_BorderWidth) * 2);overflow:hidden;padding:0 0 0 .625rem;text-overflow:ellipsis;white-space:nowrap}.fd-select__text-content:after,.fd-select__text-content:before{box-sizing:inherit;font-size:inherit}.fd-select__text-content[dir=rtl],[dir=rtl] .fd-select__text-content{padding-left:0;padding-right:.625rem}.fd-select--compact .fd-select__control{height:1.625rem;min-height:1.625rem}.fd-select--compact .fd-select__control .fd-select__text-content{min-width:calc(2.75rem - var(--sapField_BorderWidth) * 2);padding-left:.5rem}.fd-select--compact .fd-select__control .fd-select__text-content[dir=rtl],[dir=rtl] .fd-select--compact .fd-select__control .fd-select__text-content{padding-left:0;padding-right:.5rem}.fd-select--compact .fd-select__control.is-readonly .fd-select__text-content,.fd-select--compact .fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select--compact .fd-select__control[readonly] .fd-select__text-content{padding-left:.5rem;padding-right:.5rem}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover__body>:first-child{border-radius:0}.fd-select__text-content{overflow:hidden;text-overflow:ellipsis;line-height:1rem;display:block}.fd-select-custom-class{display:inline-block;max-width:100%}.fd-popover-custom-select-body{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i6.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["disableScrollbar"] }, { kind: "component", type: i6.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListMessageDirective, selector: "[fd-list-message], [fdListMessage]", inputs: ["type", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "_options", predicate: OptionComponent, descendants: true }], viewQueries: [{ propertyName: "_controlElementRef", first: true, predicate: ["selectControl"], descendants: true }, { propertyName: "selectOptionsListTemplate", first: true, predicate: ["selectOptionsListTemplate"], descendants: true }, { propertyName: "_dialogContainerElementRef", first: true, predicate: ["dialogContainer"], descendants: true }, { propertyName: "_overlayDir", first: true, predicate: CdkConnectedOverlay, descendants: true }, { propertyName: "_optionPanel", first: true, predicate: ["optionPanel"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <fd-popover\n            additionalBodyClass=\"fd-popover-custom-list\"\n            [isOpen]=\"_isOpen\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [disabled]=\"disabled || readonly\"\n            [appendTo]=\"appendTo\"\n            [closeOnEscapeKey]=\"true\"\n            [fillControlMode]=\"fillControlMode\"\n            [maxWidth]=\"600\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n            (isOpenChange)=\"_popoverOpenChangeHandle($event)\"\n        >\n            <fd-popover-control>\n                <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n            </fd-popover-control>\n\n            <fd-popover-body class=\"fd-popover-custom-select-body\">\n                <ng-container [ngTemplateOutlet]=\"selectOptionsListTemplate\"></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n\n<ng-template #selectInputControlTemplate>\n    <div\n        class=\"fd-select__control\"\n        role=\"list\"\n        #selectControl\n        [class]=\"state ? 'is-' + state : ''\"\n        [class.is-active]=\"_isOpen\"\n        [class.is-expanded]=\"_isOpen\"\n        [class.is-disabled]=\"disabled\"\n        [class.is-readonly]=\"readonly\"\n        [attr.tabindex]=\"_tabIndex\"\n        [attr.id]=\"controlId\"\n        [attr.aria-active]=\"_isOpen\"\n        aria-live=\"polite\"\n        [attr.aria-selected]=\"selected?.selected\"\n        [attr.aria-expanded]=\"_isOpen\"\n        [attr.aria-disabled]=\"disabled\"\n        [attr.aria-readonly]=\"readonly\"\n        [attr.aria-controls]=\"controlId + '-list-box'\"\n        [attr.aria-haspopup]=\"!(this.readonly || this.disabled)\"\n        [attr.aria-required]=\"required\"\n        [attr.title]=\"triggerValue\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-activedescendant]=\"_getAriaActiveDescendant()\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n    >\n        <div role=\"listitem\" class=\"fd-select__text-content\" [attr.aria-label]=\"triggerValue\">\n            <ng-container\n                [ngTemplateOutlet]=\"controlTemplate ? controlTemplate : defaultSelectContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: triggerValue, selected: selected }\"\n            >\n            </ng-container>\n\n            <ng-template #defaultSelectContent>\n                {{ triggerValue }}\n            </ng-template>\n        </div>\n        <button\n            fd-button\n            tabindex=\"-1\"\n            class=\"fd-button--transparent fd-select__button\"\n            *ngIf=\"!readonly\"\n            [disabled]=\"disabled\"\n            [glyph]=\"glyph\"\n        ></button>\n    </div>\n</ng-template>\n\n<ng-template #selectOptionsListTemplate>\n    <ul\n        #optionPanel\n        fd-list\n        class=\"fd-select-options\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        [mobileMode]=\"mobile\"\n        [dropdownMode]=\"true\"\n        [hasMessage]=\"!!stateMessage\"\n        [attr.id]=\"controlId + '-list-box'\"\n        [style.max-height]=\"maxHeight || calculatedMaxHeight + 'px'\"\n        [attr.tooltip]=\"triggerValue\"\n    >\n        <li\n            *ngIf=\"stateMessage\"\n            [attr.aria-label]=\"stateMessage\"\n            fd-list-message\n            tabindex=\"-1\"\n            role=\"presentation\"\n            [type]=\"state || 'default'\"\n            [innerHtml]=\"stateMessage\"\n        ></li>\n\n        <ng-content></ng-content>\n    </ul>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n    </div>\n\n    <div #dialogContainer></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-select{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSelect_Text_Shadow)}.fd-select:after,.fd-select:before{box-sizing:inherit;font-size:inherit}.fd-select__control{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;justify-content:center;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-select__control:after,.fd-select__control:before{box-sizing:inherit;font-size:inherit}.fd-select__control::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control[dir=rtl]::placeholder,[dir=rtl] .fd-select__control::placeholder{text-indent:.125rem}.fd-select__control::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::-ms-clear{display:none}.fd-select__control.is-hover,.fd-select__control:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-focus,.fd-select__control:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-select__control.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-select__control.is-success.is-hover,.fd-select__control.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-focus,.fd-select__control.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-select__control.is-success.is-focus.is-hover,.fd-select__control.is-success.is-focus:hover,.fd-select__control.is-success:focus.is-hover,.fd-select__control.is-success:focus:hover{box-shadow:none}.fd-select__control.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-select__control.is-error.is-hover,.fd-select__control.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-select__control.is-error.is-focus.is-hover,.fd-select__control.is-error.is-focus:hover,.fd-select__control.is-error:focus.is-hover,.fd-select__control.is-error:focus:hover{box-shadow:none}.fd-select__control.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-warning.is-hover,.fd-select__control.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-warning.is-focus.is-hover,.fd-select__control.is-warning.is-focus:hover,.fd-select__control.is-warning:focus.is-hover,.fd-select__control.is-warning:focus:hover{box-shadow:none}.fd-select__control.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-alert.is-hover,.fd-select__control.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-alert.is-focus.is-hover,.fd-select__control.is-alert.is-focus:hover,.fd-select__control.is-alert:focus.is-hover,.fd-select__control.is-alert:focus:hover{box-shadow:none}.fd-select__control.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-select__control.is-information.is-hover,.fd-select__control.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-select__control.is-information.is-focus.is-hover,.fd-select__control.is-information.is-focus:hover,.fd-select__control.is-information:focus.is-hover,.fd-select__control.is-information:focus:hover{box-shadow:none}.fd-select__control.is-alert,.fd-select__control.is-error,.fd-select__control.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::placeholder,.fd-select__control.is-error::placeholder,.fd-select__control.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus,.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus,.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus,.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-select__control.is-error::placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-select__control.is-disabled::placeholder,.fd-select__control:disabled::placeholder,.fd-select__control[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-select__control.is-readonly::placeholder,.fd-select__control[aria-readonly=true]::placeholder,.fd-select__control[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly.is-hover,.fd-select__control.is-readonly:hover,.fd-select__control[aria-readonly=true].is-hover,.fd-select__control[aria-readonly=true]:hover,.fd-select__control[readonly].is-hover,.fd-select__control[readonly]:hover{box-shadow:none}.fd-select__control.is-readonly.is-focus,.fd-select__control.is-readonly:focus,.fd-select__control[aria-readonly=true].is-focus,.fd-select__control[aria-readonly=true]:focus,.fd-select__control[readonly].is-focus,.fd-select__control[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-select__control .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button.is-hover,.fd-select__control .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-active,.fd-select__control .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button.is-hover,.fd-select__control.is-success .fd-select__button:active,.fd-select__control.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button.is-hover,.fd-select__control.is-error .fd-select__button:active,.fd-select__control.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button.is-hover,.fd-select__control.is-warning .fd-select__button:active,.fd-select__control.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button.is-hover,.fd-select__control.is-alert .fd-select__button:active,.fd-select__control.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button.is-hover,.fd-select__control.is-information .fd-select__button:active,.fd-select__control.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{pointer-events:none}.fd-select__control .fd-select__button{margin-left:.25rem}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{margin-left:0;margin-right:.25rem}.fd-select__control .fd-select__button .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button .fd-select__button.is-hover,.fd-select__control .fd-select__button .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button .fd-select__button.is-active,.fd-select__control .fd-select__button .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-active,.fd-select__control .fd-select__button.is-success .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-active,.fd-select__control .fd-select__button.is-error .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-active,.fd-select__control .fd-select__button.is-warning .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-active,.fd-select__control .fd-select__button.is-alert .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-active,.fd-select__control .fd-select__button.is-information .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{cursor:text}.fd-select__control.is-readonly .fd-select__text-content,.fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select__control[readonly] .fd-select__text-content{min-width:calc(5rem - var(--sapField_BorderWidth) * 2);padding-left:.625rem;padding-right:.625rem}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-expanded .fd-select__button,.fd-select__control[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-expanded.is-focus,.fd-select__control.is-expanded:focus,.fd-select__control[aria-expanded=true].is-focus,.fd-select__control[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-expanded.is-hover .fd-select__button,.fd-select__control.is-expanded:hover .fd-select__button,.fd-select__control[aria-expanded=true].is-hover .fd-select__button,.fd-select__control[aria-expanded=true]:hover .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Hover_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color_Hover);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-success.is-expanded,.fd-select__control.is-success[aria-expanded=true]{box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-expanded .fd-select__button,.fd-select__control.is-success[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Success_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-success.is-expanded.is-focus,.fd-select__control.is-success.is-expanded:focus,.fd-select__control.is-success[aria-expanded=true].is-focus,.fd-select__control.is-success[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-error.is-expanded,.fd-select__control.is-error[aria-expanded=true]{box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-expanded .fd-select__button,.fd-select__control.is-error[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Error_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-error.is-expanded.is-focus,.fd-select__control.is-error.is-expanded:focus,.fd-select__control.is-error[aria-expanded=true].is-focus,.fd-select__control.is-error[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-warning.is-expanded,.fd-select__control.is-warning[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-expanded .fd-select__button,.fd-select__control.is-warning[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-warning.is-expanded.is-focus,.fd-select__control.is-warning.is-expanded:focus,.fd-select__control.is-warning[aria-expanded=true].is-focus,.fd-select__control.is-warning[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-alert.is-expanded,.fd-select__control.is-alert[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-expanded .fd-select__button,.fd-select__control.is-alert[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert.is-expanded.is-focus,.fd-select__control.is-alert.is-expanded:focus,.fd-select__control.is-alert[aria-expanded=true].is-focus,.fd-select__control.is-alert[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-information.is-expanded,.fd-select__control.is-information[aria-expanded=true]{box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-expanded .fd-select__button,.fd-select__control.is-information[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Information_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-information.is-expanded.is-focus,.fd-select__control.is-information.is-expanded:focus,.fd-select__control.is-information[aria-expanded=true].is-focus,.fd-select__control.is-information[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__text-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:calc(2.5rem - var(--sapField_BorderWidth) * 2);overflow:hidden;padding:0 0 0 .625rem;text-overflow:ellipsis;white-space:nowrap}.fd-select__text-content:after,.fd-select__text-content:before{box-sizing:inherit;font-size:inherit}.fd-select__text-content[dir=rtl],[dir=rtl] .fd-select__text-content{padding-left:0;padding-right:.625rem}.fd-select--compact .fd-select__control{height:1.625rem;min-height:1.625rem}.fd-select--compact .fd-select__control .fd-select__text-content{min-width:calc(2.75rem - var(--sapField_BorderWidth) * 2);padding-left:.5rem}.fd-select--compact .fd-select__control .fd-select__text-content[dir=rtl],[dir=rtl] .fd-select--compact .fd-select__control .fd-select__text-content{padding-left:0;padding-right:.5rem}.fd-select--compact .fd-select__control.is-readonly .fd-select__text-content,.fd-select--compact .fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select--compact .fd-select__control[readonly] .fd-select__text-content{padding-left:.5rem;padding-right:.5rem}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover__body>:first-child{border-radius:0}.fd-select__text-content{overflow:hidden;text-overflow:ellipsis;line-height:1rem;display:block}.fd-select-custom-class{display:inline-block;max-width:100%}.fd-popover-custom-select-body{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i6.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i6.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i6.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "directive", type: i8.ListMessageDirective, selector: "[fd-list-message], [fdListMessage]", inputs: ["type", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-select', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
@@ -531,7 +531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         registerFormItemControl(SelectComponent),
                         SelectKeyManagerService,
                         contentDensityObserverProviders()
-                    ], template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <fd-popover\n            additionalBodyClass=\"fd-popover-custom-list\"\n            [isOpen]=\"_isOpen\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [disabled]=\"disabled || readonly\"\n            [appendTo]=\"appendTo\"\n            [closeOnEscapeKey]=\"true\"\n            [fillControlMode]=\"fillControlMode\"\n            [maxWidth]=\"600\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n            (isOpenChange)=\"_popoverOpenChangeHandle($event)\"\n        >\n            <fd-popover-control>\n                <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n            </fd-popover-control>\n\n            <fd-popover-body class=\"fd-popover-custom-select-body\">\n                <ng-container [ngTemplateOutlet]=\"selectOptionsListTemplate\"></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n\n<ng-template #selectInputControlTemplate>\n    <div\n        class=\"fd-select__control\"\n        role=\"list\"\n        #selectControl\n        [class]=\"state ? 'is-' + state : ''\"\n        [class.is-active]=\"_isOpen\"\n        [class.is-expanded]=\"_isOpen\"\n        [class.is-disabled]=\"disabled\"\n        [class.is-readonly]=\"readonly\"\n        [attr.tabindex]=\"_tabIndex\"\n        [attr.id]=\"controlId\"\n        [attr.aria-active]=\"_isOpen\"\n        aria-live=\"polite\"\n        [attr.aria-selected]=\"selected?.selected\"\n        [attr.aria-expanded]=\"_isOpen\"\n        [attr.aria-disabled]=\"disabled\"\n        [attr.aria-readonly]=\"readonly\"\n        [attr.aria-controls]=\"controlId + '-list-box'\"\n        [attr.aria-haspopup]=\"!(this.readonly || this.disabled)\"\n        [attr.aria-required]=\"required\"\n        [attr.title]=\"triggerValue\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-activedescendant]=\"_getAriaActiveDescendant()\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n    >\n        <div role=\"listitem\" class=\"fd-select__text-content\" [attr.aria-label]=\"triggerValue\">\n            <ng-container\n                [ngTemplateOutlet]=\"controlTemplate ? controlTemplate : defaultSelectContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: triggerValue, selected: selected }\"\n            >\n            </ng-container>\n\n            <ng-template #defaultSelectContent>\n                {{ triggerValue }}\n            </ng-template>\n        </div>\n        <button\n            fd-button\n            tabindex=\"-1\"\n            class=\"fd-button--transparent fd-select__button\"\n            *ngIf=\"!readonly\"\n            [disabled]=\"disabled\"\n            [glyph]=\"glyph\"\n        ></button>\n    </div>\n</ng-template>\n\n<ng-template #selectOptionsListTemplate>\n    <ul\n        #optionPanel\n        fd-list\n        class=\"fd-select-options\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        [mobileMode]=\"mobile\"\n        [dropdownMode]=\"true\"\n        [hasMessage]=\"!!stateMessage\"\n        [attr.id]=\"controlId + '-list-box'\"\n        [style.max-height]=\"maxHeight || calculatedMaxHeight + 'px'\"\n        [attr.tooltip]=\"triggerValue\"\n    >\n        <li\n            *ngIf=\"stateMessage\"\n            [attr.aria-label]=\"stateMessage\"\n            fd-list-message\n            tabindex=\"-1\"\n            role=\"presentation\"\n            [type]=\"state || 'default'\"\n            [innerHtml]=\"stateMessage\"\n        ></li>\n\n        <ng-content></ng-content>\n    </ul>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n    </div>\n\n    <div #dialogContainer></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-select{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSelect_Text_Shadow)}.fd-select:after,.fd-select:before{box-sizing:inherit;font-size:inherit}.fd-select__control{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;justify-content:center;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-select__control:after,.fd-select__control:before{box-sizing:inherit;font-size:inherit}.fd-select__control::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control[dir=rtl]::placeholder,[dir=rtl] .fd-select__control::placeholder{text-indent:.125rem}.fd-select__control::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::-ms-clear{display:none}.fd-select__control.is-hover,.fd-select__control:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-focus,.fd-select__control:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-select__control.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-select__control.is-success.is-hover,.fd-select__control.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-focus,.fd-select__control.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-select__control.is-success.is-focus.is-hover,.fd-select__control.is-success.is-focus:hover,.fd-select__control.is-success:focus.is-hover,.fd-select__control.is-success:focus:hover{box-shadow:none}.fd-select__control.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-select__control.is-error.is-hover,.fd-select__control.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-select__control.is-error.is-focus.is-hover,.fd-select__control.is-error.is-focus:hover,.fd-select__control.is-error:focus.is-hover,.fd-select__control.is-error:focus:hover{box-shadow:none}.fd-select__control.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-warning.is-hover,.fd-select__control.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-warning.is-focus.is-hover,.fd-select__control.is-warning.is-focus:hover,.fd-select__control.is-warning:focus.is-hover,.fd-select__control.is-warning:focus:hover{box-shadow:none}.fd-select__control.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-alert.is-hover,.fd-select__control.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-alert.is-focus.is-hover,.fd-select__control.is-alert.is-focus:hover,.fd-select__control.is-alert:focus.is-hover,.fd-select__control.is-alert:focus:hover{box-shadow:none}.fd-select__control.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-select__control.is-information.is-hover,.fd-select__control.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-select__control.is-information.is-focus.is-hover,.fd-select__control.is-information.is-focus:hover,.fd-select__control.is-information:focus.is-hover,.fd-select__control.is-information:focus:hover{box-shadow:none}.fd-select__control.is-alert,.fd-select__control.is-error,.fd-select__control.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::placeholder,.fd-select__control.is-error::placeholder,.fd-select__control.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus,.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus,.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus,.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-select__control.is-error::placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-select__control.is-disabled::placeholder,.fd-select__control:disabled::placeholder,.fd-select__control[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-select__control.is-readonly::placeholder,.fd-select__control[aria-readonly=true]::placeholder,.fd-select__control[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly.is-hover,.fd-select__control.is-readonly:hover,.fd-select__control[aria-readonly=true].is-hover,.fd-select__control[aria-readonly=true]:hover,.fd-select__control[readonly].is-hover,.fd-select__control[readonly]:hover{box-shadow:none}.fd-select__control.is-readonly.is-focus,.fd-select__control.is-readonly:focus,.fd-select__control[aria-readonly=true].is-focus,.fd-select__control[aria-readonly=true]:focus,.fd-select__control[readonly].is-focus,.fd-select__control[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-select__control .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button.is-hover,.fd-select__control .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-active,.fd-select__control .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button.is-hover,.fd-select__control.is-success .fd-select__button:active,.fd-select__control.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button.is-hover,.fd-select__control.is-error .fd-select__button:active,.fd-select__control.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button.is-hover,.fd-select__control.is-warning .fd-select__button:active,.fd-select__control.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button.is-hover,.fd-select__control.is-alert .fd-select__button:active,.fd-select__control.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button.is-hover,.fd-select__control.is-information .fd-select__button:active,.fd-select__control.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{pointer-events:none}.fd-select__control .fd-select__button{margin-left:.25rem}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{margin-left:0;margin-right:.25rem}.fd-select__control .fd-select__button .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button .fd-select__button.is-hover,.fd-select__control .fd-select__button .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button .fd-select__button.is-active,.fd-select__control .fd-select__button .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-active,.fd-select__control .fd-select__button.is-success .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-active,.fd-select__control .fd-select__button.is-error .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-active,.fd-select__control .fd-select__button.is-warning .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-active,.fd-select__control .fd-select__button.is-alert .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-active,.fd-select__control .fd-select__button.is-information .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{cursor:text}.fd-select__control.is-readonly .fd-select__text-content,.fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select__control[readonly] .fd-select__text-content{min-width:calc(5rem - var(--sapField_BorderWidth) * 2);padding-left:.625rem;padding-right:.625rem}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-expanded .fd-select__button,.fd-select__control[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-expanded.is-focus,.fd-select__control.is-expanded:focus,.fd-select__control[aria-expanded=true].is-focus,.fd-select__control[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-expanded.is-hover .fd-select__button,.fd-select__control.is-expanded:hover .fd-select__button,.fd-select__control[aria-expanded=true].is-hover .fd-select__button,.fd-select__control[aria-expanded=true]:hover .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Hover_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color_Hover);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-success.is-expanded,.fd-select__control.is-success[aria-expanded=true]{box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-expanded .fd-select__button,.fd-select__control.is-success[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Success_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-success.is-expanded.is-focus,.fd-select__control.is-success.is-expanded:focus,.fd-select__control.is-success[aria-expanded=true].is-focus,.fd-select__control.is-success[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-error.is-expanded,.fd-select__control.is-error[aria-expanded=true]{box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-expanded .fd-select__button,.fd-select__control.is-error[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Error_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-error.is-expanded.is-focus,.fd-select__control.is-error.is-expanded:focus,.fd-select__control.is-error[aria-expanded=true].is-focus,.fd-select__control.is-error[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-warning.is-expanded,.fd-select__control.is-warning[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-expanded .fd-select__button,.fd-select__control.is-warning[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-warning.is-expanded.is-focus,.fd-select__control.is-warning.is-expanded:focus,.fd-select__control.is-warning[aria-expanded=true].is-focus,.fd-select__control.is-warning[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-alert.is-expanded,.fd-select__control.is-alert[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-expanded .fd-select__button,.fd-select__control.is-alert[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert.is-expanded.is-focus,.fd-select__control.is-alert.is-expanded:focus,.fd-select__control.is-alert[aria-expanded=true].is-focus,.fd-select__control.is-alert[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-information.is-expanded,.fd-select__control.is-information[aria-expanded=true]{box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-expanded .fd-select__button,.fd-select__control.is-information[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Information_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-information.is-expanded.is-focus,.fd-select__control.is-information.is-expanded:focus,.fd-select__control.is-information[aria-expanded=true].is-focus,.fd-select__control.is-information[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__text-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:calc(2.5rem - var(--sapField_BorderWidth) * 2);overflow:hidden;padding:0 0 0 .625rem;text-overflow:ellipsis;white-space:nowrap}.fd-select__text-content:after,.fd-select__text-content:before{box-sizing:inherit;font-size:inherit}.fd-select__text-content[dir=rtl],[dir=rtl] .fd-select__text-content{padding-left:0;padding-right:.625rem}.fd-select--compact .fd-select__control{height:1.625rem;min-height:1.625rem}.fd-select--compact .fd-select__control .fd-select__text-content{min-width:calc(2.75rem - var(--sapField_BorderWidth) * 2);padding-left:.5rem}.fd-select--compact .fd-select__control .fd-select__text-content[dir=rtl],[dir=rtl] .fd-select--compact .fd-select__control .fd-select__text-content{padding-left:0;padding-right:.5rem}.fd-select--compact .fd-select__control.is-readonly .fd-select__text-content,.fd-select--compact .fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select--compact .fd-select__control[readonly] .fd-select__text-content{padding-left:.5rem;padding-right:.5rem}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover__body>:first-child{border-radius:0}.fd-select__text-content{overflow:hidden;text-overflow:ellipsis;line-height:1rem;display:block}.fd-select-custom-class{display:inline-block;max-width:100%}.fd-popover-custom-select-body{max-width:100%}\n"] }]
+                    ], template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <fd-popover\n            additionalBodyClass=\"fd-popover-custom-list\"\n            [isOpen]=\"_isOpen\"\n            [triggers]=\"[]\"\n            [focusTrapped]=\"true\"\n            [disabled]=\"disabled || readonly\"\n            [appendTo]=\"appendTo\"\n            [closeOnEscapeKey]=\"true\"\n            [fillControlMode]=\"fillControlMode\"\n            [maxWidth]=\"600\"\n            [closeOnOutsideClick]=\"closeOnOutsideClick\"\n            (isOpenChange)=\"_popoverOpenChangeHandle($event)\"\n        >\n            <fd-popover-control>\n                <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n            </fd-popover-control>\n\n            <fd-popover-body class=\"fd-popover-custom-select-body\">\n                <ng-container [ngTemplateOutlet]=\"selectOptionsListTemplate\"></ng-container>\n            </fd-popover-body>\n        </fd-popover>\n    </div>\n</ng-template>\n\n<ng-template #selectInputControlTemplate>\n    <div\n        class=\"fd-select__control\"\n        role=\"list\"\n        #selectControl\n        [class]=\"state ? 'is-' + state : ''\"\n        [class.is-active]=\"_isOpen\"\n        [class.is-expanded]=\"_isOpen\"\n        [class.is-disabled]=\"disabled\"\n        [class.is-readonly]=\"readonly\"\n        [attr.tabindex]=\"_tabIndex\"\n        [attr.id]=\"controlId\"\n        [attr.aria-active]=\"_isOpen\"\n        aria-live=\"polite\"\n        [attr.aria-selected]=\"selected?.selected\"\n        [attr.aria-expanded]=\"_isOpen\"\n        [attr.aria-disabled]=\"disabled\"\n        [attr.aria-readonly]=\"readonly\"\n        [attr.aria-controls]=\"controlId + '-list-box'\"\n        [attr.aria-haspopup]=\"!(this.readonly || this.disabled)\"\n        [attr.aria-required]=\"required\"\n        [attr.title]=\"triggerValue\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledBy\"\n        [attr.aria-activedescendant]=\"_getAriaActiveDescendant()\"\n        (focus)=\"_onFocus()\"\n        (blur)=\"_onBlur()\"\n    >\n        <div role=\"listitem\" class=\"fd-select__text-content\" [attr.aria-label]=\"triggerValue\">\n            <ng-container\n                [ngTemplateOutlet]=\"controlTemplate ? controlTemplate : defaultSelectContent\"\n                [ngTemplateOutletContext]=\"{ $implicit: triggerValue, selected: selected }\"\n            >\n            </ng-container>\n\n            <ng-template #defaultSelectContent>\n                {{ triggerValue }}\n            </ng-template>\n        </div>\n        <button\n            fd-button\n            tabindex=\"-1\"\n            class=\"fd-button--transparent fd-select__button\"\n            *ngIf=\"!readonly\"\n            [disabled]=\"disabled\"\n            [glyph]=\"glyph\"\n        ></button>\n    </div>\n</ng-template>\n\n<ng-template #selectOptionsListTemplate>\n    <ul\n        #optionPanel\n        fd-list\n        class=\"fd-select-options\"\n        role=\"listbox\"\n        tabindex=\"-1\"\n        [mobileMode]=\"mobile\"\n        [dropdownMode]=\"true\"\n        [hasMessage]=\"!!stateMessage\"\n        [attr.id]=\"controlId + '-list-box'\"\n        [style.max-height]=\"maxHeight || calculatedMaxHeight + 'px'\"\n        [attr.tooltip]=\"triggerValue\"\n    >\n        <li\n            *ngIf=\"stateMessage\"\n            [attr.aria-label]=\"stateMessage\"\n            fd-list-message\n            tabindex=\"-1\"\n            role=\"presentation\"\n            [type]=\"state || 'default'\"\n            [innerHtml]=\"stateMessage\"\n        ></li>\n\n        <ng-content></ng-content>\n    </ul>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <div\n        class=\"fd-select\"\n        [class.fd-select--compact]=\"_contentDensityObserver.isCompact\"\n        (keydown)=\"_handleKeydown($event)\"\n        (click)=\"toggle()\"\n    >\n        <ng-container [ngTemplateOutlet]=\"selectInputControlTemplate\"></ng-container>\n    </div>\n\n    <div #dialogContainer></div>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-select{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0;text-shadow:var(--fdSelect_Text_Shadow)}.fd-select:after,.fd-select:before{box-sizing:inherit;font-size:inherit}.fd-select__control{-webkit-box-sizing:border-box;-webkit-box-shadow:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;appearance:none;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background);border:0;border:var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-shadow:none;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapField_TextColor);cursor:text;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:2.25rem;justify-content:center;justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:.25rem 0 0;min-height:2.25rem;min-width:2.75rem;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;text-shadow:var(--fdInput_Text_Shadow);white-space:nowrap;width:100%;z-index:1}.fd-select__control:after,.fd-select__control:before{box-sizing:inherit;font-size:inherit}.fd-select__control::placeholder{color:var(--sapField_PlaceholderTextColor);font-style:var(--fdPlaceholder_Font_Style)}.fd-select__control[dir=rtl]::placeholder,[dir=rtl] .fd-select__control::placeholder{text-indent:.125rem}.fd-select__control::selection{background-color:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}.fd-select__control::-ms-clear{display:none}.fd-select__control.is-hover,.fd-select__control:hover{-webkit-box-shadow:var(--fdInput_Box_Shadow_Hover);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border-color:var(--sapField_Hover_BorderColor);box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-focus,.fd-select__control:focus{-webkit-box-shadow:none;background:var(--sapField_Focus_Background);box-shadow:none;outline-color:var(--fdInput_Outline_Color);outline-offset:var(--fdInput_Outline_Offset);outline-style:var(--sapContent_FocusStyle);outline-width:var(--sapContent_FocusWidth);z-index:5}.fd-select__control.is-success{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border:var(--sapField_SuccessColor) var(--sapField_SuccessBorderWidth) var(--sapField_SuccessBorderStyle)}.fd-select__control.is-success.is-hover,.fd-select__control.is-success:hover{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background-color:var(--fdInput_Success_Background_Color_Hover);border-color:var(--sapField_SuccessColor);box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-focus,.fd-select__control.is-success:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Success_Outline_Color);z-index:5}.fd-select__control.is-success.is-focus.is-hover,.fd-select__control.is-success.is-focus:hover,.fd-select__control.is-success:focus.is-hover,.fd-select__control.is-success:focus:hover{box-shadow:none}.fd-select__control.is-error{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border:var(--sapField_InvalidColor) var(--sapField_InvalidBorderWidth) var(--sapField_InvalidBorderStyle)}.fd-select__control.is-error.is-hover,.fd-select__control.is-error:hover{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background-color:var(--fdInput_Error_Background_Color_Hover);border-color:var(--sapField_InvalidColor);box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Error_Outline_Color);z-index:5}.fd-select__control.is-error.is-focus.is-hover,.fd-select__control.is-error.is-focus:hover,.fd-select__control.is-error:focus.is-hover,.fd-select__control.is-error:focus:hover{box-shadow:none}.fd-select__control.is-warning{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-warning.is-hover,.fd-select__control.is-warning:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-warning.is-focus.is-hover,.fd-select__control.is-warning.is-focus:hover,.fd-select__control.is-warning:focus.is-hover,.fd-select__control.is-warning:focus:hover{box-shadow:none}.fd-select__control.is-alert{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border:var(--sapField_WarningColor) var(--sapField_WarningBorderWidth) var(--sapField_WarningBorderStyle)}.fd-select__control.is-alert.is-hover,.fd-select__control.is-alert:hover{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background-color:var(--fdInput_Warning_Background_Color_Hover);border-color:var(--sapField_WarningColor);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Warning_Outline_Color);z-index:5}.fd-select__control.is-alert.is-focus.is-hover,.fd-select__control.is-alert.is-focus:hover,.fd-select__control.is-alert:focus.is-hover,.fd-select__control.is-alert:focus:hover{box-shadow:none}.fd-select__control.is-information{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border:var(--sapField_InformationColor) var(--sapField_InformationBorderWidth) var(--sapField_InformationBorderStyle)}.fd-select__control.is-information.is-hover,.fd-select__control.is-information:hover{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background-color:var(--fdInput_Information_Background_Color_Hover);border-color:var(--sapField_InformationColor);box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus{background:var(--sapField_Focus_Background);outline-color:var(--fdInput_Information_Outline_Color);z-index:5}.fd-select__control.is-information.is-focus.is-hover,.fd-select__control.is-information.is-focus:hover,.fd-select__control.is-information:focus.is-hover,.fd-select__control.is-information:focus:hover{box-shadow:none}.fd-select__control.is-alert,.fd-select__control.is-error,.fd-select__control.is-warning{font-style:var(--fdInput_State_Text_Style);font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert::placeholder,.fd-select__control.is-error::placeholder,.fd-select__control.is-warning::placeholder{font-weight:var(--fdInput_State_Font_Weight)}.fd-select__control.is-alert.is-focus,.fd-select__control.is-alert:focus,.fd-select__control.is-error.is-focus,.fd-select__control.is-error:focus,.fd-select__control.is-information.is-focus,.fd-select__control.is-information:focus,.fd-select__control.is-warning.is-focus,.fd-select__control.is-warning:focus{outline-offset:var(--fdInput_Outline_Offset_States);z-index:5}.fd-select__control.is-error::placeholder{color:var(--sapField_TextColor)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity)}.fd-select__control.is-disabled::placeholder,.fd-select__control:disabled::placeholder,.fd-select__control[aria-disabled=true]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor);border-radius:var(--fdInput_ReadOnly_Border_Radius);pointer-events:none}.fd-select__control.is-readonly::placeholder,.fd-select__control[aria-readonly=true]::placeholder,.fd-select__control[readonly]::placeholder{color:var(--fdInput_Non_Interactive_State_Placeholder_Color)}.fd-select__control.is-readonly.is-hover,.fd-select__control.is-readonly:hover,.fd-select__control[aria-readonly=true].is-hover,.fd-select__control[aria-readonly=true]:hover,.fd-select__control[readonly].is-hover,.fd-select__control[readonly]:hover{box-shadow:none}.fd-select__control.is-readonly.is-focus,.fd-select__control.is-readonly:focus,.fd-select__control[aria-readonly=true].is-focus,.fd-select__control[aria-readonly=true]:focus,.fd-select__control[readonly].is-focus,.fd-select__control[readonly]:focus{background:var(--sapField_Focus_Background);border-radius:var(--sapField_BorderCornerRadius);z-index:5}.fd-select__control .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button.is-hover,.fd-select__control .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-active,.fd-select__control .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button.is-hover,.fd-select__control.is-success .fd-select__button:active,.fd-select__control.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control.is-success .fd-select__button.is-active,.fd-select__control.is-success .fd-select__button:active{color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button.is-hover,.fd-select__control.is-error .fd-select__button:active,.fd-select__control.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control.is-error .fd-select__button.is-active,.fd-select__control.is-error .fd-select__button:active{color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button.is-hover,.fd-select__control.is-warning .fd-select__button:active,.fd-select__control.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-warning .fd-select__button.is-active,.fd-select__control.is-warning .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button.is-hover,.fd-select__control.is-alert .fd-select__button:active,.fd-select__control.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control.is-alert .fd-select__button.is-active,.fd-select__control.is-alert .fd-select__button:active{color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button.is-hover,.fd-select__control.is-information .fd-select__button:active,.fd-select__control.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control.is-information .fd-select__button.is-active,.fd-select__control.is-information .fd-select__button:active{color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-disabled,.fd-select__control:disabled,.fd-select__control[aria-disabled=true]{pointer-events:none}.fd-select__control .fd-select__button{margin-left:.25rem}.fd-select__control .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button{margin-left:0;margin-right:.25rem}.fd-select__control .fd-select__button .fd-select__button{background:var(--fdInput_Group_Button_Background);border:none;border-left:var(--sapButton_BorderWidth) solid transparent;border-radius:var(--fdInput_Group_Button_Border_Raduis);color:var(--fdInput_Group_Button_Text_Color);overflow:hidden;position:static!important;text-overflow:ellipsis;white-space:nowrap;z-index:auto!important}.fd-select__control .fd-select__button .fd-select__button[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button{border-left:none;border-right:var(--sapButton_BorderWidth) solid transparent}.fd-select__control .fd-select__button .fd-select__button:before{display:none!important}.fd-select__control .fd-select__button .fd-select__button.is-hover,.fd-select__control .fd-select__button .fd-select__button:hover{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Hover_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Hover_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-hover[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:hover[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-hover,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:hover{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button .fd-select__button.is-active,.fd-select__control .fd-select__button .fd-select__button:active{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--fdInput_Group_Button_Active_Background);border-left:var(--fdInputGroup_ControlButton_SideBorder);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--fdInput_Group_Button_Active_Text_Color)}.fd-select__control .fd-select__button .fd-select__button.is-active[dir=rtl],.fd-select__control .fd-select__button .fd-select__button:active[dir=rtl],[dir=rtl] .fd-select__control .fd-select__button .fd-select__button.is-active,[dir=rtl] .fd-select__control .fd-select__button .fd-select__button:active{border-left:none;border-right:var(--fdInputGroup_ControlButton_SideBorder)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-success .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-success .fd-select__button.is-active,.fd-select__control .fd-select__button.is-success .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Success_Active_Box_Shadow);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-error .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-error .fd-select__button.is-active,.fd-select__control .fd-select__button.is-error .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Error_Active_Box_Shadow);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-warning .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-warning .fd-select__button.is-active,.fd-select__control .fd-select__button.is-warning .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-alert .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-alert .fd-select__button.is-active,.fd-select__control .fd-select__button.is-alert .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Warning_Active_Box_Shadow);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-hover,.fd-select__control .fd-select__button.is-information .fd-select__button:hover{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow)}.fd-select__control .fd-select__button.is-information .fd-select__button.is-active,.fd-select__control .fd-select__button.is-information .fd-select__button:active{box-shadow:var(--fdInput_Group_Button_Information_Active_Box_Shadow);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-readonly,.fd-select__control[aria-readonly=true],.fd-select__control[readonly]{cursor:text}.fd-select__control.is-readonly .fd-select__text-content,.fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select__control[readonly] .fd-select__text-content{min-width:calc(5rem - var(--sapField_BorderWidth) * 2);padding-left:.625rem;padding-right:.625rem}.fd-select__control.is-expanded,.fd-select__control[aria-expanded=true]{box-shadow:var(--fdInput_Box_Shadow_Hover)}.fd-select__control.is-expanded .fd-select__button,.fd-select__control[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-expanded.is-focus,.fd-select__control.is-expanded:focus,.fd-select__control[aria-expanded=true].is-focus,.fd-select__control[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-expanded.is-hover .fd-select__button,.fd-select__control.is-expanded:hover .fd-select__button,.fd-select__control[aria-expanded=true].is-hover .fd-select__button,.fd-select__control[aria-expanded=true]:hover .fd-select__button{-webkit-box-shadow:var(--fdInput_Group_Button_Box_Shadow);background:var(--sapField_BackgroundStyle);background-color:var(--sapButton_Selected_Hover_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color_Hover);box-shadow:var(--fdInput_Group_Button_Box_Shadow);color:var(--sapButton_Active_TextColor)}.fd-select__control.is-success.is-expanded,.fd-select__control.is-success[aria-expanded=true]{box-shadow:var(--fdInput_Success_Box_Shadow_Hover)}.fd-select__control.is-success.is-expanded .fd-select__button,.fd-select__control.is-success[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Success_Box_Shadow_Hover);background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Success_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Success_Active_Text_Color)}.fd-select__control.is-success.is-expanded.is-focus,.fd-select__control.is-success.is-expanded:focus,.fd-select__control.is-success[aria-expanded=true].is-focus,.fd-select__control.is-success[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-error.is-expanded,.fd-select__control.is-error[aria-expanded=true]{box-shadow:var(--fdInput_Error_Box_Shadow_Hover)}.fd-select__control.is-error.is-expanded .fd-select__button,.fd-select__control.is-error[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Error_Box_Shadow_Hover);background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Error_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Error_Active_Text_Color)}.fd-select__control.is-error.is-expanded.is-focus,.fd-select__control.is-error.is-expanded:focus,.fd-select__control.is-error[aria-expanded=true].is-focus,.fd-select__control.is-error[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-warning.is-expanded,.fd-select__control.is-warning[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-warning.is-expanded .fd-select__button,.fd-select__control.is-warning[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-warning.is-expanded.is-focus,.fd-select__control.is-warning.is-expanded:focus,.fd-select__control.is-warning[aria-expanded=true].is-focus,.fd-select__control.is-warning[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-alert.is-expanded,.fd-select__control.is-alert[aria-expanded=true]{box-shadow:var(--fdInput_Warning_Box_Shadow_Hover)}.fd-select__control.is-alert.is-expanded .fd-select__button,.fd-select__control.is-alert[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Warning_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Warning_Active_Text_Color)}.fd-select__control.is-alert.is-expanded.is-focus,.fd-select__control.is-alert.is-expanded:focus,.fd-select__control.is-alert[aria-expanded=true].is-focus,.fd-select__control.is-alert[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__control.is-information.is-expanded,.fd-select__control.is-information[aria-expanded=true]{box-shadow:var(--fdInput_Information_Box_Shadow_Hover)}.fd-select__control.is-information.is-expanded .fd-select__button,.fd-select__control.is-information[aria-expanded=true] .fd-select__button{-webkit-box-shadow:var(--fdInput_Information_Box_Shadow_Hover);background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapButton_Selected_Background);border-left-color:var(--fdSelect_Expanded_Button_Border_Left_Color);box-shadow:var(--fdInput_Information_Box_Shadow_Hover);color:var(--fdInput_Group_Button_Information_Active_Text_Color)}.fd-select__control.is-information.is-expanded.is-focus,.fd-select__control.is-information.is-expanded:focus,.fd-select__control.is-information[aria-expanded=true].is-focus,.fd-select__control.is-information[aria-expanded=true]:focus{box-shadow:none;z-index:5}.fd-select__text-content{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-width:calc(2.5rem - var(--sapField_BorderWidth) * 2);overflow:hidden;padding:0 0 0 .625rem;text-overflow:ellipsis;white-space:nowrap}.fd-select__text-content:after,.fd-select__text-content:before{box-sizing:inherit;font-size:inherit}.fd-select__text-content[dir=rtl],[dir=rtl] .fd-select__text-content{padding-left:0;padding-right:.625rem}.fd-select--compact .fd-select__control{height:1.625rem;min-height:1.625rem}.fd-select--compact .fd-select__control .fd-select__text-content{min-width:calc(2.75rem - var(--sapField_BorderWidth) * 2);padding-left:.5rem}.fd-select--compact .fd-select__control .fd-select__text-content[dir=rtl],[dir=rtl] .fd-select--compact .fd-select__control .fd-select__text-content{padding-left:0;padding-right:.5rem}.fd-select--compact .fd-select__control.is-readonly .fd-select__text-content,.fd-select--compact .fd-select__control[aria-readonly=true] .fd-select__text-content,.fd-select--compact .fd-select__control[readonly] .fd-select__text-content{padding-left:.5rem;padding-right:.5rem}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.fd-popover__body>:first-child{border-radius:0}.fd-select__text-content{overflow:hidden;text-overflow:ellipsis;line-height:1rem;display:block}.fd-select-custom-class{display:inline-block;max-width:100%}.fd-popover-custom-select-body{max-width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Attribute,
                     args: ['tabindex']

package/esm2020/shared/interfaces/popover-position.mjs

@@ -33,12 +33,6 @@ export const GetDefaultPosition = (position) => {
     }
     return resultPosition.concat(DefaultPositions);
 };
-export const ARROW_SIZE = '0.5rem';
-export const PopoverFlippedXDirection = {
-    start: 'end',
-    end: 'start',
-    center: 'center'
-};
 export const PopoverFlippedYDirection = {
     bottom: 'top',
     top: 'bottom',
@@ -67,26 +61,5 @@ export class PopoverPosition {
         }
         return resultCdkPlacement;
     }
-    /** Set arrow position */
-    static getArrowPosition(position, rtl) {
-        let _position = null;
-        if (position.overlayY !== position.originY && position.originY !== 'center' && position.overlayY !== 'center') {
-            _position = position.overlayY;
-        }
-        else if (position.overlayX !== position.originX &&
-            position.overlayX !== 'center' &&
-            position.originX !== 'center') {
-            _position = position.overlayX;
-            if (rtl) {
-                _position = PopoverFlippedXDirection[_position];
-            }
-        }
-        return _position;
-    }
-    /** Get margin direction */
-    static getMarginDirection(position) {
-        const resultPosition = position.replace('start', 'left').replace('end', 'right');
-        return 'margin-' + resultPosition;
-    }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1wb3NpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3NoYXJlZC9pbnRlcmZhY2VzL3BvcG92ZXItcG9zaXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxNQUFNLG1CQUFtQixHQUF5QztJQUM5RCxXQUFXLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO0lBQ3hGLEdBQUcsRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbEYsU0FBUyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUNsRixjQUFjLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQzNGLE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7SUFDckYsWUFBWSxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtJQUNyRixZQUFZLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQ3BGLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbEYsVUFBVSxFQUFFLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUN4RixhQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQ3JGLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbkYsV0FBVyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtDQUM1RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQXdCO0lBQ2pELEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtJQUMzRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDM0UsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQzdFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUM3RSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7SUFDdkUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO0NBQzFFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFFBQTZCLEVBQXVCLEVBQUU7SUFDckYsTUFBTSxjQUFjLEdBQXdCLEVBQUUsQ0FBQztJQUMvQyxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDekIsTUFBTSxhQUFhLEdBQXNCLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNyRCxjQUFjLENBQUMsSUFBSSxDQUFDO1lBQ2hCLEdBQUcsYUFBYTtZQUNoQixPQUFPLEVBQUUsd0JBQXdCLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztZQUN4RCxRQUFRLEVBQUUsd0JBQXdCLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztTQUM3RCxDQUFDLENBQUM7S0FDTjtJQUVELE9BQU8sY0FBYyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBQ25ELENBQUMsQ0FBQztBQVVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUM7QUF5Qm5DLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFxQztJQUN0RSxLQUFLLEVBQUUsS0FBSztJQUNaLEdBQUcsRUFBRSxPQUFPO0lBQ1osTUFBTSxFQUFFLFFBQVE7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFrQztJQUNuRSxNQUFNLEVBQUUsS0FBSztJQUNiLEdBQUcsRUFBRSxRQUFRO0lBQ2IsTUFBTSxFQUFFLFFBQVE7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUE0QztJQUMvRSxZQUFZLEVBQUUsYUFBYTtJQUMzQixJQUFJLEVBQUUsT0FBTztJQUNiLFVBQVUsRUFBRSxXQUFXO0lBQ3ZCLGFBQWEsRUFBRSxZQUFZO0lBQzNCLEtBQUssRUFBRSxNQUFNO0lBQ2IsV0FBVyxFQUFFLFVBQVU7Q0FDMUIsQ0FBQztBQUVGLE1BQU0sT0FBTyxlQUFlO0lBQ3hCLDJDQUEyQztJQUMzQyxNQUFNLENBQUMsZUFBZSxDQUFDLFNBQW9CLEVBQUUsU0FBeUI7UUFDbEUsTUFBTSxrQkFBa0IsR0FBRyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUUxRCxJQUFJLENBQUMsa0JBQWtCLElBQUksU0FBUyxFQUFFLEVBQUU7WUFDcEMsTUFBTSxJQUFJLEtBQUssQ0FBQyw0RUFBNEUsQ0FBQyxDQUFDO1NBQ2pHO1FBRUQsSUFBSSxTQUFTLEtBQUssS0FBSyxFQUFFO1lBQ3JCLE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFOUMsSUFBSSxhQUFhLEtBQUssTUFBTSxJQUFJLGFBQWEsS0FBSyxPQUFPLEVBQUU7Z0JBQ3ZELE9BQU8sbUJBQW1CLENBQUMsMEJBQTBCLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQzthQUNyRTtTQUNKO1FBRUQsT0FBTyxrQkFBa0IsQ0FBQztJQUM5QixDQUFDO0lBRUQseUJBQXlCO0lBQ3pCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUEyQixFQUFFLEdBQWE7UUFDOUQsSUFBSSxTQUFTLEdBQXlCLElBQUksQ0FBQztRQUUzQyxJQUFJLFFBQVEsQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLE9BQU8sSUFBSSxRQUFRLENBQUMsT0FBTyxLQUFLLFFBQVEsSUFBSSxRQUFRLENBQUMsUUFBUSxLQUFLLFFBQVEsRUFBRTtZQUMzRyxTQUFTLEdBQUcsUUFBUSxDQUFDLFFBQVEsQ0FBQztTQUNqQzthQUFNLElBQ0gsUUFBUSxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsT0FBTztZQUN0QyxRQUFRLENBQUMsUUFBUSxLQUFLLFFBQVE7WUFDOUIsUUFBUSxDQUFDLE9BQU8sS0FBSyxRQUFRLEVBQy9CO1lBQ0UsU0FBUyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUM7WUFFOUIsSUFBSSxHQUFHLEVBQUU7Z0JBQ0wsU0FBUyxHQUFHLHdCQUF3QixDQUFDLFNBQVMsQ0FBQyxDQUFDO2FBQ25EO1NBQ0o7UUFFRCxPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDO0lBRUQsMkJBQTJCO0lBQzNCLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxRQUF1QjtRQUM3QyxNQUFNLGNBQWMsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ2pGLE9BQU8sU0FBUyxHQUFHLGNBQWMsQ0FBQztJQUN0QyxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpc0Rldk1vZGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuXG5jb25zdCBwb3BvdmVyUGxhY2VtZW50TWFwOiB7IFtrZXk6IHN0cmluZ106IENvbm5lY3RlZFBvc2l0aW9uIH0gPSB7XG4gICAgJ3RvcC1zdGFydCc6IHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICB0b3A6IHsgb3JpZ2luWDogJ2NlbnRlcicsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2NlbnRlcicsIG92ZXJsYXlZOiAnYm90dG9tJyB9LFxuICAgICd0b3AtZW5kJzogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICdib3R0b20nIH0sXG4gICAgJ2JvdHRvbS1zdGFydCc6IHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICBib3R0b206IHsgb3JpZ2luWDogJ2NlbnRlcicsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2NlbnRlcicsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgICdib3R0b20tZW5kJzogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICd0b3AnIH0sXG4gICAgJ2xlZnQtc3RhcnQnOiB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgIGxlZnQ6IHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ2NlbnRlcicsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICdjZW50ZXInIH0sXG4gICAgJ2xlZnQtZW5kJzogeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICAncmlnaHQtc3RhcnQnOiB7IG9yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgIHJpZ2h0OiB7IG9yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAnY2VudGVyJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAnY2VudGVyJyB9LFxuICAgICdyaWdodC1lbmQnOiB7IG9yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAnYm90dG9tJyB9XG59O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdFBvc2l0aW9uczogQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcbiAgICB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICd0b3AnIH0sXG4gICAgeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAnYm90dG9tJyB9LFxuICAgIHsgb3JpZ2luWDogJ2NlbnRlcicsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2NlbnRlcicsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgIHsgb3JpZ2luWDogJ2NlbnRlcicsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2NlbnRlcicsIG92ZXJsYXlZOiAnYm90dG9tJyB9LFxuICAgIHsgb3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgIHsgb3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnYm90dG9tJyB9XG5dO1xuXG5leHBvcnQgY29uc3QgR2V0RGVmYXVsdFBvc2l0aW9uID0gKHBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbltdKTogQ29ubmVjdGVkUG9zaXRpb25bXSA9PiB7XG4gICAgY29uc3QgcmVzdWx0UG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXTtcbiAgICBpZiAocG9zaXRpb24gJiYgcG9zaXRpb25bMF0pIHtcbiAgICAgICAgY29uc3QgZmlyc3RQb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSBwb3NpdGlvblswXTtcbiAgICAgICAgcmVzdWx0UG9zaXRpb24ucHVzaCh7XG4gICAgICAgICAgICAuLi5maXJzdFBvc2l0aW9uLFxuICAgICAgICAgICAgb3JpZ2luWTogUG9wb3ZlckZsaXBwZWRZRGlyZWN0aW9uW2ZpcnN0UG9zaXRpb24ub3JpZ2luWV0sXG4gICAgICAgICAgICBvdmVybGF5WTogUG9wb3ZlckZsaXBwZWRZRGlyZWN0aW9uW2ZpcnN0UG9zaXRpb24ub3ZlcmxheVldXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHJldHVybiByZXN1bHRQb3NpdGlvbi5jb25jYXQoRGVmYXVsdFBvc2l0aW9ucyk7XG59O1xuXG4vKipcbiAqIFByZXNldCBvcHRpb25zIGZvciB0aGUgcG9wb3ZlciBib2R5IHdpZHRoLlxuICogKiBgYXQtbGVhc3RgIHdpbGwgYXBwbHkgYSBtaW5pbXVtIHdpZHRoIHRvIHRoZSBib2R5IGVxdWl2YWxlbnQgdG8gdGhlIHdpZHRoIG9mIHRoZSBjb250cm9sLlxuICogKiBgZXF1YWxgIHdpbGwgYXBwbHkgYSB3aWR0aCB0byB0aGUgYm9keSBlcXVpdmFsZW50IHRvIHRoZSB3aWR0aCBvZiB0aGUgY29udHJvbC5cbiAqICogJ2ZpdC1jb250ZW50JyB3aWxsIGFwcGx5IHdpZHRoIG5lZWRlZCB0byBwcm9wZXJseSBkaXNwbGF5IGl0ZW1zIGluc2lkZSwgaW5kZXBlbmRlbnQgb2YgY29udHJvbC5cbiAqL1xuZXhwb3J0IHR5cGUgUG9wb3ZlckZpbGxNb2RlID0gJ2F0LWxlYXN0JyB8ICdlcXVhbCcgfCAnZml0LWNvbnRlbnQnO1xuXG5leHBvcnQgY29uc3QgQVJST1dfU0laRSA9ICcwLjVyZW0nO1xuXG5leHBvcnQgdHlwZSBQbGFjZW1lbnQgPVxuICAgIHwgJ2F1dG8tc3RhcnQnXG4gICAgfCAnYXV0bydcbiAgICB8ICdhdXRvLWVuZCdcbiAgICB8ICd0b3Atc3RhcnQnXG4gICAgfCAndG9wJ1xuICAgIHwgJ3RvcC1lbmQnXG4gICAgfCAncmlnaHQtc3RhcnQnXG4gICAgfCAncmlnaHQnXG4gICAgfCAncmlnaHQtZW5kJ1xuICAgIHwgJ2JvdHRvbS1lbmQnXG4gICAgfCAnYm90dG9tJ1xuICAgIHwgJ2JvdHRvbS1zdGFydCdcbiAgICB8ICdsZWZ0LWVuZCdcbiAgICB8ICdsZWZ0J1xuICAgIHwgJ2xlZnQtc3RhcnQnO1xuXG5leHBvcnQgdHlwZSBSdGxQbGFjZW1lbnQgPSAnbGVmdCcgfCAnbGVmdC1zdGFydCcgfCAnbGVmdC1lbmQnIHwgJ3JpZ2h0JyB8ICdyaWdodC1zdGFydCcgfCAncmlnaHQtZW5kJztcblxuZXhwb3J0IHR5cGUgWFBvc2l0aW9ucyA9ICdzdGFydCcgfCAnY2VudGVyJyB8ICdlbmQnO1xuZXhwb3J0IHR5cGUgWVBvc2l0aW9ucyA9ICd0b3AnIHwgJ2NlbnRlcicgfCAnYm90dG9tJztcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wJyB8ICdib3R0b20nIHwgJ3N0YXJ0JyB8ICdlbmQnIHwgJ2NlbnRlcic7XG5cbmV4cG9ydCBjb25zdCBQb3BvdmVyRmxpcHBlZFhEaXJlY3Rpb246IHsgW2tleTogc3RyaW5nXTogQXJyb3dQb3NpdGlvbiB9ID0ge1xuICAgIHN0YXJ0OiAnZW5kJyxcbiAgICBlbmQ6ICdzdGFydCcsXG4gICAgY2VudGVyOiAnY2VudGVyJ1xufTtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXJGbGlwcGVkWURpcmVjdGlvbjogeyBba2V5OiBzdHJpbmddOiBZUG9zaXRpb25zIH0gPSB7XG4gICAgYm90dG9tOiAndG9wJyxcbiAgICB0b3A6ICdib3R0b20nLFxuICAgIGNlbnRlcjogJ2NlbnRlcidcbn07XG5cbmV4cG9ydCBjb25zdCBQb3BvdmVyRmxpcHBlZFJ0bFBsYWNlbWVudDogeyBba2V5IGluIFJ0bFBsYWNlbWVudF06IFJ0bFBsYWNlbWVudCB9ID0ge1xuICAgICdsZWZ0LXN0YXJ0JzogJ3JpZ2h0LXN0YXJ0JyxcbiAgICBsZWZ0OiAncmlnaHQnLFxuICAgICdsZWZ0LWVuZCc6ICdyaWdodC1lbmQnLFxuICAgICdyaWdodC1zdGFydCc6ICdsZWZ0LXN0YXJ0JyxcbiAgICByaWdodDogJ2xlZnQnLFxuICAgICdyaWdodC1lbmQnOiAnbGVmdC1lbmQnXG59O1xuXG5leHBvcnQgY2xhc3MgUG9wb3ZlclBvc2l0aW9uIHtcbiAgICAvKiogR2V0IHRoZSBjZGsgcGxhY2VtZW50IG9mIHRoZSBwb3BvdmVyICovXG4gICAgc3RhdGljIGdldENka1BsYWNlbWVudChwbGFjZW1lbnQ6IFBsYWNlbWVudCwgZGlyZWN0aW9uPzogJ3J0bCcgfCAnbHRyJyk6IENvbm5lY3RlZFBvc2l0aW9uIHtcbiAgICAgICAgY29uc3QgcmVzdWx0Q2RrUGxhY2VtZW50ID0gcG9wb3ZlclBsYWNlbWVudE1hcFtwbGFjZW1lbnRdO1xuXG4gICAgICAgIGlmICghcmVzdWx0Q2RrUGxhY2VtZW50ICYmIGlzRGV2TW9kZSgpKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0ludmFsaWQgZnVuY3Rpb24gYXJndW1lbnQuIENoZWNrIGlmIFwicGxhY2VtZW50XCIgaXMgdHlwZSBvZiBQbGFjZW1lbnQgVW5pb24nKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChkaXJlY3Rpb24gPT09ICdydGwnKSB7XG4gICAgICAgICAgICBjb25zdCBzdGFydFBsYWNlU3RyID0gcGxhY2VtZW50LnNwbGl0KCctJylbMF07XG5cbiAgICAgICAgICAgIGlmIChzdGFydFBsYWNlU3RyID09PSAnbGVmdCcgfHwgc3RhcnRQbGFjZVN0ciA9PT0gJ3JpZ2h0Jykge1xuICAgICAgICAgICAgICAgIHJldHVybiBwb3BvdmVyUGxhY2VtZW50TWFwW1BvcG92ZXJGbGlwcGVkUnRsUGxhY2VtZW50W3BsYWNlbWVudF1dO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHJlc3VsdENka1BsYWNlbWVudDtcbiAgICB9XG5cbiAgICAvKiogU2V0IGFycm93IHBvc2l0aW9uICovXG4gICAgc3RhdGljIGdldEFycm93UG9zaXRpb24ocG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uLCBydGw/OiBib29sZWFuKTogQXJyb3dQb3NpdGlvbiB8IG51bGwge1xuICAgICAgICBsZXQgX3Bvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgICAgICAgaWYgKHBvc2l0aW9uLm92ZXJsYXlZICE9PSBwb3NpdGlvbi5vcmlnaW5ZICYmIHBvc2l0aW9uLm9yaWdpblkgIT09ICdjZW50ZXInICYmIHBvc2l0aW9uLm92ZXJsYXlZICE9PSAnY2VudGVyJykge1xuICAgICAgICAgICAgX3Bvc2l0aW9uID0gcG9zaXRpb24ub3ZlcmxheVk7XG4gICAgICAgIH0gZWxzZSBpZiAoXG4gICAgICAgICAgICBwb3NpdGlvbi5vdmVybGF5WCAhPT0gcG9zaXRpb24ub3JpZ2luWCAmJlxuICAgICAgICAgICAgcG9zaXRpb24ub3ZlcmxheVggIT09ICdjZW50ZXInICYmXG4gICAgICAgICAgICBwb3NpdGlvbi5vcmlnaW5YICE9PSAnY2VudGVyJ1xuICAgICAgICApIHtcbiAgICAgICAgICAgIF9wb3NpdGlvbiA9IHBvc2l0aW9uLm92ZXJsYXlYO1xuXG4gICAgICAgICAgICBpZiAocnRsKSB7XG4gICAgICAgICAgICAgICAgX3Bvc2l0aW9uID0gUG9wb3ZlckZsaXBwZWRYRGlyZWN0aW9uW19wb3NpdGlvbl07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gX3Bvc2l0aW9uO1xuICAgIH1cblxuICAgIC8qKiBHZXQgbWFyZ2luIGRpcmVjdGlvbiAqL1xuICAgIHN0YXRpYyBnZXRNYXJnaW5EaXJlY3Rpb24ocG9zaXRpb246IEFycm93UG9zaXRpb24pOiBzdHJpbmcge1xuICAgICAgICBjb25zdCByZXN1bHRQb3NpdGlvbiA9IHBvc2l0aW9uLnJlcGxhY2UoJ3N0YXJ0JywgJ2xlZnQnKS5yZXBsYWNlKCdlbmQnLCAncmlnaHQnKTtcbiAgICAgICAgcmV0dXJuICdtYXJnaW4tJyArIHJlc3VsdFBvc2l0aW9uO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1wb3NpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3NoYXJlZC9pbnRlcmZhY2VzL3BvcG92ZXItcG9zaXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxNQUFNLG1CQUFtQixHQUF5QztJQUM5RCxXQUFXLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO0lBQ3hGLEdBQUcsRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbEYsU0FBUyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUNsRixjQUFjLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQzNGLE1BQU0sRUFBRSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7SUFDckYsWUFBWSxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtJQUNyRixZQUFZLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQ3BGLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbEYsVUFBVSxFQUFFLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUN4RixhQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQ3JGLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDbkYsV0FBVyxFQUFFLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtDQUM1RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQXdCO0lBQ2pELEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRTtJQUMzRSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUU7SUFDM0UsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFO0lBQzdFLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTtJQUM3RSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUU7SUFDdkUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO0NBQzFFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLFFBQTZCLEVBQXVCLEVBQUU7SUFDckYsTUFBTSxjQUFjLEdBQXdCLEVBQUUsQ0FBQztJQUMvQyxJQUFJLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDekIsTUFBTSxhQUFhLEdBQXNCLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNyRCxjQUFjLENBQUMsSUFBSSxDQUFDO1lBQ2hCLEdBQUcsYUFBYTtZQUNoQixPQUFPLEVBQUUsd0JBQXdCLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztZQUN4RCxRQUFRLEVBQUUsd0JBQXdCLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQztTQUM3RCxDQUFDLENBQUM7S0FDTjtJQUVELE9BQU8sY0FBYyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0FBQ25ELENBQUMsQ0FBQztBQWlDRixNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBa0M7SUFDbkUsTUFBTSxFQUFFLEtBQUs7SUFDYixHQUFHLEVBQUUsUUFBUTtJQUNiLE1BQU0sRUFBRSxRQUFRO0NBQ25CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBNEM7SUFDL0UsWUFBWSxFQUFFLGFBQWE7SUFDM0IsSUFBSSxFQUFFLE9BQU87SUFDYixVQUFVLEVBQUUsV0FBVztJQUN2QixhQUFhLEVBQUUsWUFBWTtJQUMzQixLQUFLLEVBQUUsTUFBTTtJQUNiLFdBQVcsRUFBRSxVQUFVO0NBQzFCLENBQUM7QUFFRixNQUFNLE9BQU8sZUFBZTtJQUN4QiwyQ0FBMkM7SUFDM0MsTUFBTSxDQUFDLGVBQWUsQ0FBQyxTQUFvQixFQUFFLFNBQXlCO1FBQ2xFLE1BQU0sa0JBQWtCLEdBQUcsbUJBQW1CLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFMUQsSUFBSSxDQUFDLGtCQUFrQixJQUFJLFNBQVMsRUFBRSxFQUFFO1lBQ3BDLE1BQU0sSUFBSSxLQUFLLENBQUMsNEVBQTRFLENBQUMsQ0FBQztTQUNqRztRQUVELElBQUksU0FBUyxLQUFLLEtBQUssRUFBRTtZQUNyQixNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBRTlDLElBQUksYUFBYSxLQUFLLE1BQU0sSUFBSSxhQUFhLEtBQUssT0FBTyxFQUFFO2dCQUN2RCxPQUFPLG1CQUFtQixDQUFDLDBCQUEwQixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7YUFDckU7U0FDSjtRQUVELE9BQU8sa0JBQWtCLENBQUM7SUFDOUIsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNEZXZNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25uZWN0ZWRQb3NpdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcblxuY29uc3QgcG9wb3ZlclBsYWNlbWVudE1hcDogeyBba2V5OiBzdHJpbmddOiBDb25uZWN0ZWRQb3NpdGlvbiB9ID0ge1xuICAgICd0b3Atc3RhcnQnOiB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICdib3R0b20nIH0sXG4gICAgdG9wOiB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICAndG9wLWVuZCc6IHsgb3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnYm90dG9tJyB9LFxuICAgICdib3R0b20tc3RhcnQnOiB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICd0b3AnIH0sXG4gICAgYm90dG9tOiB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICAnYm90dG9tLWVuZCc6IHsgb3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgICdsZWZ0LXN0YXJ0JzogeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICBsZWZ0OiB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICdjZW50ZXInLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnY2VudGVyJyB9LFxuICAgICdsZWZ0LWVuZCc6IHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICdib3R0b20nIH0sXG4gICAgJ3JpZ2h0LXN0YXJ0JzogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICByaWdodDogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ2NlbnRlcicsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ2NlbnRlcicgfSxcbiAgICAncmlnaHQtZW5kJzogeyBvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ2JvdHRvbScgfVxufTtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHRQb3NpdGlvbnM6IENvbm5lY3RlZFBvc2l0aW9uW10gPSBbXG4gICAgeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAndG9wJyB9LFxuICAgIHsgb3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICB7IG9yaWdpblg6ICdjZW50ZXInLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdjZW50ZXInLCBvdmVybGF5WTogJ2JvdHRvbScgfSxcbiAgICB7IG9yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ3RvcCcgfSxcbiAgICB7IG9yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ2JvdHRvbScgfVxuXTtcblxuZXhwb3J0IGNvbnN0IEdldERlZmF1bHRQb3NpdGlvbiA9IChwb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb25bXSk6IENvbm5lY3RlZFBvc2l0aW9uW10gPT4ge1xuICAgIGNvbnN0IHJlc3VsdFBvc2l0aW9uOiBDb25uZWN0ZWRQb3NpdGlvbltdID0gW107XG4gICAgaWYgKHBvc2l0aW9uICYmIHBvc2l0aW9uWzBdKSB7XG4gICAgICAgIGNvbnN0IGZpcnN0UG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uID0gcG9zaXRpb25bMF07XG4gICAgICAgIHJlc3VsdFBvc2l0aW9uLnB1c2goe1xuICAgICAgICAgICAgLi4uZmlyc3RQb3NpdGlvbixcbiAgICAgICAgICAgIG9yaWdpblk6IFBvcG92ZXJGbGlwcGVkWURpcmVjdGlvbltmaXJzdFBvc2l0aW9uLm9yaWdpblldLFxuICAgICAgICAgICAgb3ZlcmxheVk6IFBvcG92ZXJGbGlwcGVkWURpcmVjdGlvbltmaXJzdFBvc2l0aW9uLm92ZXJsYXlZXVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICByZXR1cm4gcmVzdWx0UG9zaXRpb24uY29uY2F0KERlZmF1bHRQb3NpdGlvbnMpO1xufTtcblxuLyoqXG4gKiBQcmVzZXQgb3B0aW9ucyBmb3IgdGhlIHBvcG92ZXIgYm9keSB3aWR0aC5cbiAqICogYGF0LWxlYXN0YCB3aWxsIGFwcGx5IGEgbWluaW11bSB3aWR0aCB0byB0aGUgYm9keSBlcXVpdmFsZW50IHRvIHRoZSB3aWR0aCBvZiB0aGUgY29udHJvbC5cbiAqICogYGVxdWFsYCB3aWxsIGFwcGx5IGEgd2lkdGggdG8gdGhlIGJvZHkgZXF1aXZhbGVudCB0byB0aGUgd2lkdGggb2YgdGhlIGNvbnRyb2wuXG4gKiAqICdmaXQtY29udGVudCcgd2lsbCBhcHBseSB3aWR0aCBuZWVkZWQgdG8gcHJvcGVybHkgZGlzcGxheSBpdGVtcyBpbnNpZGUsIGluZGVwZW5kZW50IG9mIGNvbnRyb2wuXG4gKi9cbmV4cG9ydCB0eXBlIFBvcG92ZXJGaWxsTW9kZSA9ICdhdC1sZWFzdCcgfCAnZXF1YWwnIHwgJ2ZpdC1jb250ZW50JztcblxuZXhwb3J0IHR5cGUgUGxhY2VtZW50ID1cbiAgICB8ICdhdXRvLXN0YXJ0J1xuICAgIHwgJ2F1dG8nXG4gICAgfCAnYXV0by1lbmQnXG4gICAgfCAndG9wLXN0YXJ0J1xuICAgIHwgJ3RvcCdcbiAgICB8ICd0b3AtZW5kJ1xuICAgIHwgJ3JpZ2h0LXN0YXJ0J1xuICAgIHwgJ3JpZ2h0J1xuICAgIHwgJ3JpZ2h0LWVuZCdcbiAgICB8ICdib3R0b20tZW5kJ1xuICAgIHwgJ2JvdHRvbSdcbiAgICB8ICdib3R0b20tc3RhcnQnXG4gICAgfCAnbGVmdC1lbmQnXG4gICAgfCAnbGVmdCdcbiAgICB8ICdsZWZ0LXN0YXJ0JztcblxuZXhwb3J0IHR5cGUgUnRsUGxhY2VtZW50ID0gJ2xlZnQnIHwgJ2xlZnQtc3RhcnQnIHwgJ2xlZnQtZW5kJyB8ICdyaWdodCcgfCAncmlnaHQtc3RhcnQnIHwgJ3JpZ2h0LWVuZCc7XG5cbmV4cG9ydCB0eXBlIFhQb3NpdGlvbnMgPSAnc3RhcnQnIHwgJ2NlbnRlcicgfCAnZW5kJztcbmV4cG9ydCB0eXBlIFlQb3NpdGlvbnMgPSAndG9wJyB8ICdjZW50ZXInIHwgJ2JvdHRvbSc7XG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcCcgfCAnYm90dG9tJyB8ICdzdGFydCcgfCAnZW5kJyB8ICdjZW50ZXInO1xuXG5leHBvcnQgY29uc3QgUG9wb3ZlckZsaXBwZWRZRGlyZWN0aW9uOiB7IFtrZXk6IHN0cmluZ106IFlQb3NpdGlvbnMgfSA9IHtcbiAgICBib3R0b206ICd0b3AnLFxuICAgIHRvcDogJ2JvdHRvbScsXG4gICAgY2VudGVyOiAnY2VudGVyJ1xufTtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXJGbGlwcGVkUnRsUGxhY2VtZW50OiB7IFtrZXkgaW4gUnRsUGxhY2VtZW50XTogUnRsUGxhY2VtZW50IH0gPSB7XG4gICAgJ2xlZnQtc3RhcnQnOiAncmlnaHQtc3RhcnQnLFxuICAgIGxlZnQ6ICdyaWdodCcsXG4gICAgJ2xlZnQtZW5kJzogJ3JpZ2h0LWVuZCcsXG4gICAgJ3JpZ2h0LXN0YXJ0JzogJ2xlZnQtc3RhcnQnLFxuICAgIHJpZ2h0OiAnbGVmdCcsXG4gICAgJ3JpZ2h0LWVuZCc6ICdsZWZ0LWVuZCdcbn07XG5cbmV4cG9ydCBjbGFzcyBQb3BvdmVyUG9zaXRpb24ge1xuICAgIC8qKiBHZXQgdGhlIGNkayBwbGFjZW1lbnQgb2YgdGhlIHBvcG92ZXIgKi9cbiAgICBzdGF0aWMgZ2V0Q2RrUGxhY2VtZW50KHBsYWNlbWVudDogUGxhY2VtZW50LCBkaXJlY3Rpb24/OiAncnRsJyB8ICdsdHInKTogQ29ubmVjdGVkUG9zaXRpb24ge1xuICAgICAgICBjb25zdCByZXN1bHRDZGtQbGFjZW1lbnQgPSBwb3BvdmVyUGxhY2VtZW50TWFwW3BsYWNlbWVudF07XG5cbiAgICAgICAgaWYgKCFyZXN1bHRDZGtQbGFjZW1lbnQgJiYgaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignSW52YWxpZCBmdW5jdGlvbiBhcmd1bWVudC4gQ2hlY2sgaWYgXCJwbGFjZW1lbnRcIiBpcyB0eXBlIG9mIFBsYWNlbWVudCBVbmlvbicpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGRpcmVjdGlvbiA9PT0gJ3J0bCcpIHtcbiAgICAgICAgICAgIGNvbnN0IHN0YXJ0UGxhY2VTdHIgPSBwbGFjZW1lbnQuc3BsaXQoJy0nKVswXTtcblxuICAgICAgICAgICAgaWYgKHN0YXJ0UGxhY2VTdHIgPT09ICdsZWZ0JyB8fCBzdGFydFBsYWNlU3RyID09PSAncmlnaHQnKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHBvcG92ZXJQbGFjZW1lbnRNYXBbUG9wb3ZlckZsaXBwZWRSdGxQbGFjZW1lbnRbcGxhY2VtZW50XV07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gcmVzdWx0Q2RrUGxhY2VtZW50O1xuICAgIH1cbn1cbiJdfQ==

package/esm2020/shellbar/product-menu/product-menu.component.mjs

@@ -43,7 +43,7 @@ export class ProductMenuComponent {
     }
 }
 ProductMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ProductMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ProductMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ProductMenuComponent, selector: "fd-product-menu", inputs: { closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", triggers: "triggers", placement: "placement", disabled: "disabled", fillControlMode: "fillControlMode", control: "control", items: "items", closePopoverOnSelect: "closePopoverOnSelect" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ProductMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ProductMenuComponent, selector: "fd-product-menu", inputs: { closeOnEscapeKey: "closeOnEscapeKey", closeOnOutsideClick: "closeOnOutsideClick", triggers: "triggers", placement: "placement", disabled: "disabled", fillControlMode: "fillControlMode", control: "control", items: "items", closePopoverOnSelect: "closePopoverOnSelect" }, viewQueries: [{ propertyName: "menu", first: true, predicate: MenuComponent, descendants: true }], ngImport: i0, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "tabbableScrollbar", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "directive", type: i2.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ProductMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-product-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [ngIf]=\"items && items.length > 0\" [ngIfElse]=\"subHeader\">\n    <button\n        fd-button\n        fdType=\"transparent\"\n        class=\"fd-shellbar__button fd-shellbar__button--menu\"\n        glyph=\"megamenu\"\n        glyphPosition=\"after\"\n        fdCozy\n        [disabled]=\"disabled\"\n        [fdMenuTrigger]=\"menu\"\n    >\n        <span class=\"fd-shellbar__title\">{{ control }}</span>\n    </button>\n\n    <fd-menu\n        #menu\n        [placement]=\"placement\"\n        [triggers]=\"triggers\"\n        [fillControlMode]=\"fillControlMode\"\n        [closeOnEscapeKey]=\"closeOnEscapeKey\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <li *ngFor=\"let item of items\" (click)=\"itemClicked(item, $event)\" fd-menu-item>\n            <a\n                [attr.href]=\"item.link ? item.link : null\"\n                [attr.target]=\"item.newTab ? '_blank' : null\"\n                fd-menu-interactive\n            >\n                <span fd-menu-title>{{ item.name }}</span>\n                <fd-icon *ngIf=\"item.glyph\" fd-menu-addon position=\"after\" [glyph]=\"item.glyph\"></fd-icon>\n            </a>\n        </li>\n    </fd-menu>\n</ng-template>\n\n<ng-template #subHeader>\n    <span class=\"fd-shellbar__title fd-product-menu__title\">\n        {{ control }}\n    </span>\n</ng-template>\n" }]

package/esm2020/shellbar/shellbar.component.mjs

@@ -38,10 +38,10 @@ export class ShellbarComponent {
     }
 }
 ShellbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ShellbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ShellbarComponent, selector: "fd-shellbar", inputs: { size: "size", sideNav: "sideNav" }, queries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "buttons", predicate: i0.forwardRef(function () { return ButtonComponent; }) }], ngImport: i0, template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + size\" [class.fd-shellbar--side-nav]=\"sideNav\">\n    <div class=\"fd-shellbar__group fd-shellbar__group--product\">\n        <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-title\"></ng-content>\n\n        <div class=\"fd-shellbar__product\">\n            <ng-content select=\"fd-product-menu\"></ng-content>\n        </div>\n\n        <ng-content select=\"fd-shellbar-subtitle\"></ng-content>\n    </div>\n\n    <ng-content select=\"fd-shellbar-actions\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdShellbar_Shadow);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-negative:1;-ms-flex-preferred-size:0;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--copilot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;justify-content:center;order:2}.fd-shellbar__group--copilot .fd-shellbar__button{padding-left:0}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle[dir=rtl],.fd-shellbar__title[dir=rtl],[dir=rtl] .fd-shellbar__subtitle,[dir=rtl] .fd-shellbar__title{margin-left:0;margin-right:.5rem}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:var(--fdShellbar_Button_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__action{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group{background:transparent;background-color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Input_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:hover{-webkit-box-shadow:var(--sapContent_Interaction_Shadow);border-color:var(--fdShellbar_Input_Hover_Border_Color);box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input{border:none;color:var(--fdShellbar_Input_Color);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover+.fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover+.fd-shellbar__input-group-addon{background:transparent;background-color:var(--fdShellbar_Input_Hover_Background)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{align-items:center;display:flex;font-style:normal;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{color:var(--sapShell_InteractiveTextColor)!important;outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{background-color:var(--sapShell_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--sapShell_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--sapShell_Active_TextColor)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--m{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ShellbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ShellbarComponent, selector: "fd-shellbar", inputs: { size: "size", sideNav: "sideNav" }, queries: [{ propertyName: "comboboxComponent", first: true, predicate: ComboboxComponent, descendants: true }, { propertyName: "buttons", predicate: i0.forwardRef(function () { return ButtonComponent; }) }], ngImport: i0, template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + size\" [class.fd-shellbar--side-nav]=\"sideNav\">\n    <div class=\"fd-shellbar__group fd-shellbar__group--product\">\n        <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-title\"></ng-content>\n\n        <div class=\"fd-shellbar__product\">\n            <ng-content select=\"fd-product-menu\"></ng-content>\n        </div>\n\n        <ng-content select=\"fd-shellbar-subtitle\"></ng-content>\n    </div>\n\n    <ng-content select=\"fd-shellbar-actions\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdShellbar_Shadow);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-negative:1;-ms-flex-preferred-size:0;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--copilot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;justify-content:center;order:2}.fd-shellbar__group--copilot .fd-shellbar__button{padding-left:0}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle[dir=rtl],.fd-shellbar__title[dir=rtl],[dir=rtl] .fd-shellbar__subtitle,[dir=rtl] .fd-shellbar__title{margin-left:0;margin-right:.5rem}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:var(--fdShellbar_Button_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__action{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group{background:transparent;background-color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Input_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:hover{-webkit-box-shadow:var(--sapContent_Interaction_Shadow);border-color:var(--fdShellbar_Input_Hover_Border_Color);box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:focus{outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input{border:none;color:var(--fdShellbar_Input_Color);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover+.fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover+.fd-shellbar__input-group-addon{background:transparent;background-color:var(--fdShellbar_Input_Hover_Background)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{align-items:center;display:flex;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{color:var(--sapShell_InteractiveTextColor)!important;outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{background-color:var(--sapShell_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--sapShell_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--sapShell_Active_TextColor)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--m{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ShellbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-shellbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + size\" [class.fd-shellbar--side-nav]=\"sideNav\">\n    <div class=\"fd-shellbar__group fd-shellbar__group--product\">\n        <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-title\"></ng-content>\n\n        <div class=\"fd-shellbar__product\">\n            <ng-content select=\"fd-product-menu\"></ng-content>\n        </div>\n\n        <ng-content select=\"fd-shellbar-subtitle\"></ng-content>\n    </div>\n\n    <ng-content select=\"fd-shellbar-actions\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.25.1-rc.16\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdShellbar_Shadow);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-negative:1;-ms-flex-preferred-size:0;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--copilot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;justify-content:center;order:2}.fd-shellbar__group--copilot .fd-shellbar__button{padding-left:0}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle[dir=rtl],.fd-shellbar__title[dir=rtl],[dir=rtl] .fd-shellbar__subtitle,[dir=rtl] .fd-shellbar__title{margin-left:0;margin-right:.5rem}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:var(--fdShellbar_Button_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__action{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group{background:transparent;background-color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Input_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:hover{-webkit-box-shadow:var(--sapContent_Interaction_Shadow);border-color:var(--fdShellbar_Input_Hover_Border_Color);box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input{border:none;color:var(--fdShellbar_Input_Color);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover+.fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover+.fd-shellbar__input-group-addon{background:transparent;background-color:var(--fdShellbar_Input_Hover_Background)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{align-items:center;display:flex;font-style:normal;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{color:var(--sapShell_InteractiveTextColor)!important;outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{background-color:var(--sapShell_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--sapShell_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--sapShell_Active_TextColor)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--m{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}\n"] }]
+            args: [{ selector: 'fd-shellbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-shellbar\" [class]=\"'fd-shellbar--' + size\" [class.fd-shellbar--side-nav]=\"sideNav\">\n    <div class=\"fd-shellbar__group fd-shellbar__group--product\">\n        <ng-content select=\"[fd-shellbar-side-nav]\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-logo\"></ng-content>\n\n        <ng-content select=\"fd-shellbar-title\"></ng-content>\n\n        <div class=\"fd-shellbar__product\">\n            <ng-content select=\"fd-product-menu\"></ng-content>\n        </div>\n\n        <ng-content select=\"fd-shellbar-subtitle\"></ng-content>\n    </div>\n\n    <ng-content select=\"fd-shellbar-actions\"></ng-content>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.0-rc.27\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-shellbar{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--fdShellbar_Shadow);-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;background-color:var(--sapShellColor);border:0;box-shadow:var(--fdShellbar_Shadow);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:var(--fdShellbar_Height);justify-content:space-between;line-height:var(--sapContent_LineHeight);margin:0;padding:0 1rem;position:relative}.fd-shellbar:after,.fd-shellbar:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group{-webkit-box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;-ms-flex-positive:1;-ms-flex-negative:1;-ms-flex-preferred-size:0;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-basis:0;flex-grow:1;flex-shrink:1;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-shellbar__group:after,.fd-shellbar__group:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__group--product{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-ordinal-group:2;-ms-flex-order:1;justify-content:flex-start;order:1}.fd-shellbar__group--copilot{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;justify-content:center;order:2}.fd-shellbar__group--copilot .fd-shellbar__button{padding-left:0}.fd-shellbar__group--actions{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-ordinal-group:4;-ms-flex-order:3;justify-content:flex-end;order:3}.fd-shellbar__subtitle,.fd-shellbar__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapShell_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.fd-shellbar__subtitle:after,.fd-shellbar__subtitle:before,.fd-shellbar__title:after,.fd-shellbar__title:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__subtitle[dir=rtl],.fd-shellbar__title[dir=rtl],[dir=rtl] .fd-shellbar__subtitle,[dir=rtl] .fd-shellbar__title{margin-left:0;margin-right:.5rem}.fd-shellbar__logo,.fd-shellbar__product,.fd-shellbar__subtitle{display:inline-block;vertical-align:middle}.fd-shellbar__logo.is-focus,.fd-shellbar__logo:focus,.fd-shellbar__title.is-focus,.fd-shellbar__title:focus{outline:var(--fdShellbar_Button_Outline_Color) var(--sapContent_FocusStyle) var(--sapContent_FocusWidth);z-index:5}.fd-shellbar__title{font-weight:700;vertical-align:middle}.fd-shellbar__subtitle{font-size:var(--sapFontSmallSize)}.fd-shellbar__logo{-webkit-box-sizing:border-box;background-repeat:no-repeat;background-size:contain;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-height:2rem;padding:0}.fd-shellbar__logo:after,.fd-shellbar__logo:before{box-sizing:inherit;font-size:inherit}.fd-shellbar__logo>*{display:block;line-height:0;max-height:2.5rem;width:auto}.fd-shellbar__logo--image-replaced{background-image:url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQxMi4zOCAyMDQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIwNi4xOSIgeDI9IjIwNi4xOSIgeTI9IjIwNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYjhmMSIvPjxzdG9wIG9mZnNldD0iLjAyIiBzdG9wLWNvbG9yPSIjMDFiNmYwIi8+PHN0b3Agb2Zmc2V0PSIuMzEiIHN0b3AtY29sb3I9IiMwZDkwZDkiLz48c3RvcCBvZmZzZXQ9Ii41OCIgc3RvcC1jb2xvcj0iIzE3NzVjOCIvPjxzdG9wIG9mZnNldD0iLjgyIiBzdG9wLWNvbG9yPSIjMWM2NWJmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWU1ZmJiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTAgMjA0aDIwOC40MUw0MTIuMzggMEgwdjIwNCIgc3R5bGU9ImZpbGw6dXJsKCNhKTtmaWxsLXJ1bGU6ZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNDQuNzMgMzguMzZoLTQwLjZ2OTYuNTJsLTM1LjQ2LTk2LjU1aC0zNS4xNmwtMzAuMjcgODAuNzJDMTAwIDk4LjcgNzkgOTEuNjcgNjIuNCA4Ni40IDUxLjQ2IDgyLjg5IDM5Ljg1IDc3LjcyIDQwIDcyYy4wOS00LjY4IDYuMjMtOSAxOC4zOC04LjM4IDguMTcuNDMgMTUuMzcgMS4wOSAyOS43MSA4bDE0LjEtMjQuNTVDODkuMDYgNDAuNDIgNzEgMzYuMjEgNTYuMTcgMzYuMTloLS4wOWMtMTcuMjggMC0zMS42OCA1LjYtNDAuNiAxNC44M0EzNC4yMyAzNC4yMyAwIDAgMCA1Ljc3IDc0LjdDNS41NCA4Ny4xNSAxMC4xMSA5NiAxOS43MSAxMDNjOC4xIDUuOTQgMTguNDYgOS43OSAyNy42IDEyLjYyIDExLjI3IDMuNDkgMjAuNDcgNi41MyAyMC4zNiAxM0E5LjU3IDkuNTcgMCAwIDEgNjUgMTM1Yy0yLjgxIDIuOS03LjEzIDQtMTMuMDkgNC4xLTExLjQ5LjI0LTIwLTEuNTYtMzMuNjEtOS41OUw1Ljc3IDE1NC40MmE5My43NyA5My43NyAwIDAgMCA0NiAxMi4yMmgyLjExYzE0LjI0LS4yNSAyNS43NC00LjMxIDM0LjkyLTExLjcxLjUzLS40MSAxLS44NCAxLjQ5LTEuMjhsLTQuMTIgMTAuODVIMTIzbDYuMTktMTguODJhNjcuNDYgNjcuNDYgMCAwIDAgMjEuNjggMy40MyA2OC4zMyA2OC4zMyAwIDAgMCAyMS4xNi0zLjI1bDYgMTguNjRoNjAuMTR2LTM5aDEzLjExYzMxLjcxIDAgNTAuNDYtMTYuMTUgNTAuNDYtNDMuMiAwLTMwLjExLTE4LjIyLTQzLjk0LTU3LjAxLTQzLjk0ek0xNTAuOTEgMTIxYTM2LjkzIDM2LjkzIDAgMCAxLTEzLTIuMjhsMTIuODctNDAuNTloLjIybDEyLjY1IDQwLjcxYTM4LjUgMzguNSAwIDAgMS0xMi43NCAyLjE2em05Ni4yLTIzLjMzaC04Ljk0VjY0LjkxaDguOTRjMTEuOTMgMCAyMS40NCA0IDIxLjQ0IDE2LjE0IDAgMTIuNi05LjUxIDE2LjU3LTIxLjQ0IDE2LjU3IiBzdHlsZT0iZmlsbDojZmZmO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+);height:1.5rem;width:3rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0 0 0 .5rem;padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__action:after,.fd-shellbar .fd-shellbar__group .fd-shellbar__action:before{box-sizing:inherit;font-size:inherit}.fd-shellbar .fd-shellbar__group .fd-shellbar__action[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__action{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__action>*{vertical-align:middle}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group{background:transparent;background-color:var(--fdShellbar_Input_Background);border:var(--fdShellbar_Input_Border);border-radius:var(--fdShellbar_Input_Border_Radius);cursor:text}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:hover{-webkit-box-shadow:var(--sapContent_Interaction_Shadow);border-color:var(--fdShellbar_Input_Hover_Border_Color);box-shadow:var(--sapContent_Interaction_Shadow)}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group.is-focus,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group:focus{outline:none;z-index:5}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input{border:none;color:var(--fdShellbar_Input_Color);position:relative}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input.is-hover+.fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input:hover+.fd-shellbar__input-group-addon{background:transparent;background-color:var(--fdShellbar_Input_Hover_Background)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input::placeholder{color:var(--fdShellbar_Input_Placeholder_Color);font-style:italic}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{font-style:normal}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon,.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-input--select{align-items:center;display:flex;height:100%}.fd-shellbar .fd-shellbar__group .fd-shellbar__input-group-addon .fd-shellbar__button{border-radius:var(--fdShellbar_Input_Border_Radius);border-width:var(--fdShellbar_Input_Addon_Border_Width);height:var(--fdShellbar_Input_Addon_Dimension);min-width:var(--fdShellbar_Input_Addon_Dimension)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button{color:var(--sapShell_InteractiveTextColor)!important;outline-color:var(--fdShellbar_Button_Outline_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button:not(.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu){padding:0}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover{background-color:var(--sapShell_Hover_Background);border-color:var(--fdShellbar_Button_Hover_Border_Color)}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-hover[aria-disabled=true],.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover.is-disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover:disabled,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:hover[aria-disabled=true]{background:transparent}.fd-shellbar .fd-shellbar__group .fd-shellbar__button.is-active,.fd-shellbar .fd-shellbar__group .fd-shellbar__button:active{background:var(--sapShell_Active_Background);border-color:var(--fdShellbar_Button_Active_Border_Color);color:var(--sapShell_Active_TextColor)!important}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu[dir=rtl],[dir=rtl] .fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu{margin-left:0;margin-right:.5rem}.fd-shellbar .fd-shellbar__group .fd-shellbar__button--menu .fd-shellbar__title{margin:0}.fd-shellbar--s .fd-shellbar__subtitle,.fd-shellbar--s .fd-shellbar__title{display:none}.fd-shellbar--s .fd-shellbar__action--mobile{display:inline-block}.fd-shellbar--s .fd-shellbar__action--desktop{display:none}.fd-shellbar--s .fd-shellbar__action-combobox--mobile{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--sapShellColor);display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0 .3rem;position:absolute;width:100%;z-index:7}.fd-shellbar--s .fd-shellbar__button--menu .sap-icon--megamenu{margin:0!important}.fd-shellbar--l,.fd-shellbar--m{padding:0 2rem}.fd-shellbar--l .fd-shellbar__subtitle,.fd-shellbar--l .fd-shellbar__title,.fd-shellbar--m .fd-shellbar__subtitle,.fd-shellbar--m .fd-shellbar__title,.fd-shellbar--xl .fd-shellbar__subtitle,.fd-shellbar--xl .fd-shellbar__title{display:inline-block}.fd-shellbar--l .fd-shellbar__action--mobile,.fd-shellbar--m .fd-shellbar__action--mobile,.fd-shellbar--xl .fd-shellbar__action--mobile{display:none}.fd-shellbar--l .fd-shellbar__action--desktop,.fd-shellbar--m .fd-shellbar__action--desktop,.fd-shellbar--xl .fd-shellbar__action--desktop{display:inline-block}.fd-shellbar--xl{padding:0 3rem}.fd-shellbar--side-nav.fd-shellbar--l,.fd-shellbar--side-nav.fd-shellbar--m,.fd-shellbar--side-nav.fd-shellbar--s,.fd-shellbar--side-nav.fd-shellbar--xl{padding:0}.fd-shellbar--side-nav.fd-shellbar--l[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--m[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--s[dir=rtl],.fd-shellbar--side-nav.fd-shellbar--xl[dir=rtl],[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--l,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--m,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--s,[dir=rtl] .fd-shellbar--side-nav.fd-shellbar--xl{padding-left:.5rem;padding-right:0}@media (max-width: 599px){.fd-shellbar--responsive-paddings{padding-left:1rem;padding-right:1rem}}@media (min-width: 600px) and (max-width: 1023px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.fd-shellbar--responsive-paddings{padding-left:2rem;padding-right:2rem}}@media (min-width: 1440px){.fd-shellbar--responsive-paddings{padding-left:3rem;padding-right:3rem}}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], sideNav: [{