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

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

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

Files changed (373) hide show

package/fesm2015/fundamental-ngx-core-message-page.mjs CHANGED Viewed

@@ -84,7 +84,7 @@ class MessagePageComponent {
     }
 }
 MessagePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessagePageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessagePageComponent, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessagePageComponent, selector: "fd-message-page", inputs: { class: "class", type: "type", hasIcon: "hasIcon", glyph: "glyph" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -93,7 +93,7 @@ __decorate([
 ], MessagePageComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessagePageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-message-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"] }]
+            args: [{ selector: 'fd-message-page', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fd-message-page__container\">\n    <div *ngIf=\"hasIcon\" class=\"fd-message-page__icon-container\">\n        <i role=\"presentation\" class=\"fd-message-page__icon\" [class]=\"'sap-icon--' + glyph\"></i>\n    </div>\n    <div role=\"status\" aria-live=\"polite\" class=\"fd-message-page__content\">\n        <ng-content select=\"fd-message-page-title\"></ng-content>\n        <ng-content select=\"fd-message-page-subtitle\"></ng-content>\n        <ng-content select=\"fd-message-page-actions\"></ng-content>\n        <ng-content select=\"fd-message-page-more\"></ng-content>\n        <ng-content></ng-content>\n    </div>\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-message-page{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:var(--sapBackgroundColor);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:100%;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page:after,.fd-message-page:before{box-sizing:inherit;font-size:inherit}.fd-message-page__actions,.fd-message-page__container,.fd-message-page__content,.fd-message-page__more,.fd-message-page__subtitle,.fd-message-page__title{-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;max-width:30rem;padding:0}.fd-message-page__actions:after,.fd-message-page__actions:before,.fd-message-page__container:after,.fd-message-page__container:before,.fd-message-page__content:after,.fd-message-page__content:before,.fd-message-page__more:after,.fd-message-page__more:before,.fd-message-page__subtitle:after,.fd-message-page__subtitle:before,.fd-message-page__title:after,.fd-message-page__title:before{box-sizing:inherit;font-size:inherit}.fd-message-page__container{align-items:center;background:var(--fdMessage_Page_Container_Background);border-radius:var(--fdMessage_Page_Container_Corner_Radius);display:flex;flex-direction:column;padding:1rem}.fd-message-page__illustration-container{-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;max-height:15rem;max-width:20rem;padding:0}.fd-message-page__illustration-container:after,.fd-message-page__illustration-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon-container{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;height:8rem;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;padding:0;width:100%}.fd-message-page__icon-container:after,.fd-message-page__icon-container:before{box-sizing:inherit;font-size:inherit}.fd-message-page__icon [class*=sap-icon],.fd-message-page__icon[class*=sap-icon]{background:inherit;border-radius:inherit;color:inherit;color:var(--sapContent_NonInteractiveIconColor);font-size:inherit;font-size:6rem;line-height:1;max-width:30rem;opacity:50%}.fd-message-page__content{align-items:center;display:flex;flex-direction:column;padding-bottom:2rem}.fd-message-page__title{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader2Size);margin-bottom:var(--fdMessage_Page_Title_Margin_Bottom);margin-top:var(--fdMessage_Page_Title_Margin_Top);text-align:center}.fd-message-page__subtitle{color:var(--sapContent_LabelColor);font-size:var(--sapFontHeader5Size);margin-bottom:2rem}.fd-message-page__actions{flex-wrap:wrap}.fd-message-page__actions,.fd-message-page__more{-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:flex;justify-content:center;min-height:2rem}.fd-message-page__more{margin-top:.5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
                 type: Input
             }], type: [{

package/fesm2015/fundamental-ngx-core-message-strip.mjs CHANGED Viewed

@@ -69,7 +69,7 @@ class MessageStripComponent {
     }
 }
 MessageStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessageStripComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-MessageStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageStripComponent, selector: "fd-message-strip", inputs: { class: "class", dismissible: "dismissible", noIcon: "noIcon", type: "type", id: "id", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", marginBottom: "marginBottom" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "style.margin-bottom": "marginBottom", "attr.id": "id" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessageStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageStripComponent, selector: "fd-message-strip", inputs: { class: "class", dismissible: "dismissible", noIcon: "noIcon", type: "type", id: "id", ariaLabelledBy: "ariaLabelledBy", ariaLabel: "ariaLabel", dismissLabel: "dismissLabel", width: "width", minWidth: "minWidth", marginBottom: "marginBottom" }, outputs: { onDismiss: "onDismiss" }, host: { attributes: { "role": "alert" }, properties: { "attr.aria-labelledby": "ariaLabelledBy", "attr.aria-label": "ariaLabel", "style.width": "width", "style.min-width": "minWidth", "style.margin-bottom": "marginBottom", "attr.id": "id" } }, usesOnChanges: true, ngImport: i0, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { 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: "pipe", type: i4.FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         '[style.margin-bottom]': 'marginBottom',
                         role: 'alert',
                         '[attr.id]': 'id'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    class=\"fd-message-strip__close\"\n    fd-button\n    glyph=\"decline\"\n    fdType=\"transparent\"\n    fdCompact\n    *ngIf=\"dismissible\"\n    (click)=\"dismiss()\"\n    [attr.aria-controls]=\"id\"\n    [attr.aria-label]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n    [attr.title]=\"dismissLabel || ('coreMessageStrip.dismissLabel' | fdTranslate)\"\n></button>\n<p class=\"fd-message-strip__text\">\n    <ng-content></ng-content>\n</p>\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 *//*!\n.fd-message-strip+(--information, --success, --warning, --error, --no-icon)\n    .fd-message__close\n*/.fd-message-strip{-webkit-box-sizing:border-box;align-items:center;background-color:var(--sapNeutralBackground);border:0;border-color:var(--fdMessageStrip_Border_Color_Neutral);border-radius:var(--fdMessageStrip_Border_Radius);border-style:solid;border-width:var(--fdMessageStrip_Border_Width);box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;min-height:2rem;padding:.4375rem 1rem;position:relative}.fd-message-strip:after,.fd-message-strip:before{box-sizing:inherit;font-size:inherit}.fd-message-strip .fd-message-strip__close{position:absolute;right:.125rem;top:.125rem}.fd-message-strip .fd-message-strip__close[dir=rtl],[dir=rtl] .fd-message-strip .fd-message-strip__close{left:.125rem;right:auto}.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--dismissible{padding-left:2.5rem;padding-right:1rem}.fd-message-strip--error,.fd-message-strip--information,.fd-message-strip--success,.fd-message-strip--warning{padding-left:2.5rem}.fd-message-strip--error:after,.fd-message-strip--error:before,.fd-message-strip--information:after,.fd-message-strip--information:before,.fd-message-strip--success:after,.fd-message-strip--success:before,.fd-message-strip--warning:after,.fd-message-strip--warning:before{left:0;line-height:1;position:absolute;top:.5rem;width:2.5rem}.fd-message-strip--error[dir=rtl],.fd-message-strip--information[dir=rtl],.fd-message-strip--success[dir=rtl],.fd-message-strip--warning[dir=rtl],[dir=rtl] .fd-message-strip--error,[dir=rtl] .fd-message-strip--information,[dir=rtl] .fd-message-strip--success,[dir=rtl] .fd-message-strip--warning{padding-left:1rem;padding-right:2.5rem}.fd-message-strip--error[dir=rtl]:before,.fd-message-strip--information[dir=rtl]:before,.fd-message-strip--success[dir=rtl]:before,.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--error:before,[dir=rtl] .fd-message-strip--information:before,[dir=rtl] .fd-message-strip--success:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--error.fd-message-strip--dismissible,.fd-message-strip--information.fd-message-strip--dismissible,.fd-message-strip--success.fd-message-strip--dismissible,.fd-message-strip--warning.fd-message-strip--dismissible{padding-right:2.5rem}.fd-message-strip--error.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--information.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--success.fd-message-strip--dismissible[dir=rtl],.fd-message-strip--warning.fd-message-strip--dismissible[dir=rtl],[dir=rtl] .fd-message-strip--error.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--information.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--success.fd-message-strip--dismissible,[dir=rtl] .fd-message-strip--warning.fd-message-strip--dismissible{padding-left:2.5rem}.fd-message-strip--error[dir=rtl]:after,.fd-message-strip--information[dir=rtl]:after,.fd-message-strip--success[dir=rtl]:after,.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after,[dir=rtl] .fd-message-strip--information:after,[dir=rtl] .fd-message-strip--success:after,[dir=rtl] .fd-message-strip--warning:after{font-family:SAP-icons;position:absolute;right:0;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning{background-color:var(--sapWarningBackground);border-color:var(--fdMessageStrip_Border_Color_Warning)}.fd-message-strip--warning:after,.fd-message-strip--warning:before{color:var(--fdMessageStrip_Icon_Color_Warning)}.fd-message-strip--warning:before{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--warning[dir=rtl]:before,[dir=rtl] .fd-message-strip--warning:before{display:none}.fd-message-strip--warning[dir=rtl]:after,[dir=rtl] .fd-message-strip--warning:after{content:\"\\e053\";font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error{background-color:var(--sapErrorBackground);border-color:var(--fdMessageStrip_Border_Color_Error)}.fd-message-strip--error:after,.fd-message-strip--error:before{color:var(--fdMessageStrip_Icon_Color_Error)}.fd-message-strip--error:before{content:\"\\e1ec\"}.fd-message-strip--error:before,.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--error[dir=rtl]:after,[dir=rtl] .fd-message-strip--error:after{content:\"\\e1ec\"}.fd-message-strip--success{background-color:var(--sapSuccessBackground);border-color:var(--fdMessageStrip_Border_Color_Success)}.fd-message-strip--success:after,.fd-message-strip--success:before{color:var(--fdMessageStrip_Icon_Color_Success)}.fd-message-strip--success:before{content:\"\\e1c1\"}.fd-message-strip--success:before,.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--success[dir=rtl]:after,[dir=rtl] .fd-message-strip--success:after{content:\"\\e1c1\"}.fd-message-strip--information{background-color:var(--sapInformationBackground);border-color:var(--fdMessageStrip_Border_Color_Informative)}.fd-message-strip--information:after,.fd-message-strip--information:before{color:var(--fdMessageStrip_Icon_Color_Information)}.fd-message-strip--information:before{content:\"\\e289\"}.fd-message-strip--information:before,.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{font-family:SAP-icons;text-align:center;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none}.fd-message-strip--information[dir=rtl]:after,[dir=rtl] .fd-message-strip--information:after{content:\"\\e289\"}.fd-message-strip--no-icon{padding-left:1rem}.fd-message-strip--no-icon:before{display:none}.fd-message-strip--no-icon[dir=rtl],[dir=rtl] .fd-message-strip--no-icon{padding-right:1rem}.fd-message-strip--no-icon[dir=rtl]:after,[dir=rtl] .fd-message-strip--no-icon:after{display:none}.fd-message-strip__text{-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);line-height:1rem;margin:0;padding:0}.fd-message-strip__text:after,.fd-message-strip__text:before{box-sizing:inherit;font-size:inherit}.fd-message-strip,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { class: [{
                 type: Input
             }], dismissible: [{

package/fesm2015/fundamental-ngx-core-message-toast.mjs CHANGED Viewed

@@ -177,7 +177,7 @@ class MessageToastComponent {
     }
 }
 MessageToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessageToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ComponentFactoryResolver }, { token: i0.NgZone }, { token: MessageToastConfig, optional: true }, { token: MessageToastRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.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-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+MessageToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MessageToastComponent, selector: "fd-message-toast", inputs: { id: "id", duration: "duration", mousePersist: "mousePersist", ariaLabel: "ariaLabel", message: "message", width: "width", minWidth: "minWidth", maxWidth: "maxWidth" }, outputs: { onHide: "onHide" }, host: { listeners: { "mouseenter": "handleMessageToastMouseEnterEvent()", "mouseleave": "handleMessageToastMouseLeaveEvent()" }, properties: { "attr.aria-label": "ariaLabel", "attr.aria-live": "\"polite\"", "attr.id": "id", "style.width": "width", "style.min-width": "minWidth", "style.max-width": "maxWidth", "class.fd-message-toast": "this.messageToastClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<ng-container #container>{{ message }}</ng-container>`, isInline: true, 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.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-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MessageToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-message-toast', template: `<ng-container #container>{{ message }}</ng-container>`, host: {
@@ -187,7 +187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                         '[style.width]': 'width',
                         '[style.min-width]': 'minWidth',
                         '[style.max-width]': 'maxWidth'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.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-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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-message-toast{-webkit-box-sizing:border-box;-webkit-box-shadow:var(--sapContent_Shadow2);background-color:var(--sapList_Background);border:0;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow2);box-sizing:border-box;color:var(--sapTextColor);color:var(--sapList_TextColor);display:inline-flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;line-height:var(--sapContent_LineHeight);margin:0;max-width:15rem;padding:1rem;text-align:center;width:auto}.fd-message-toast:after,.fd-message-toast:before{box-sizing:inherit;font-size:inherit}.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-message-toast,.fd-has-display-block{display:block}.fd-has-display-none{display:none}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ComponentFactoryResolver }, { type: i0.NgZone }, { type: MessageToastConfig, decorators: [{
                         type: Optional

package/fesm2015/fundamental-ngx-core-multi-input.mjs CHANGED Viewed

@@ -691,7 +691,7 @@ MultiInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         MenuKeyboardService,
         registerFormItemControl(MultiInputComponent),
         contentDensityObserverProviders()
-    ], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"bodyMaxWidth\"\n                [focusTrapped]=\"true\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control>\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"displayAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"displayAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked()\"\n        >\n            <fd-tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                [class.fd-multi-input-tokenizer-custom--compact]=\"_contentDensityObserver.isCompact$ | async\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fd-auto-complete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight: _searchTermCtrl.value || '':highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}.fd-multi-input-tokenizer-custom--compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-menu-overflow{max-width:37.5rem;overflow:auto}.fd-input.fd-multi-input-tokenizer-input{margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["disableScrollbar"] }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"bodyMaxWidth\"\n                [focusTrapped]=\"true\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control>\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"displayAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"displayAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked()\"\n        >\n            <fd-tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                [class.fd-multi-input-tokenizer-custom--compact]=\"_contentDensityObserver.isCompact$ | async\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fd-auto-complete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight: _searchTermCtrl.value || '':highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}.fd-multi-input-tokenizer-custom--compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-menu-overflow{max-width:37.5rem;overflow:auto}.fd-input.fd-multi-input-tokenizer-input{margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly", "deleteButtonLabel", "ariaRoleDescription"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fd-auto-complete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     applyCssClass,
     __metadata("design:type", Function),