@fundamental-ngx/core 0.53.2 → 0.54.0-rc.0

package/esm2022/illustrated-message/illustrated-message.component.mjs

@@ -1,10 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
 import { applyCssClass } from '@fundamental-ngx/cdk/utils';
-import { Subscription, fromEvent } from 'rxjs';
+import { Subscription, debounceTime, fromEvent } from 'rxjs';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/platform-browser";
 export var IllustratedMessageTypes;
 (function (IllustratedMessageTypes) {
     IllustratedMessageTypes["SCENE"] = "scene";
@@ -16,16 +14,9 @@ export var IllustratedMessageTypes;
 let illustratedMessageUniqueId = 0;
 export class IllustratedMessageComponent {
     /** @hidden */
-    constructor(elementRef, _cdRef, _sanitizer) {
+    constructor(elementRef, _cdRef) {
         this.elementRef = elementRef;
         this._cdRef = _cdRef;
-        this._sanitizer = _sanitizer;
-        /**
-         * The type of the Illustrated Message
-         * Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.
-         * The default type is set to 'scene'
-         */
-        this.type = IllustratedMessageTypes.SCENE;
         /**
          * When set to true will remove the illustration from the Illustrated Message
          * The default is set to false
@@ -46,25 +37,28 @@ export class IllustratedMessageComponent {
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass() {
-        return ['fd-illustrated-message', this.type ? `fd-illustrated-message--${this.type}` : '', this.class];
+        return [
+            'fd-illustrated-message',
+            this.type ? `fd-illustrated-message--${this.type}` : '',
+            this.class || ''
+        ].filter(Boolean);
     }
     /** @hidden */
     ngOnChanges(changes) {
-        this.buildComponentCssClass();
         if ('svgConfig' in changes) {
             this._constructHref();
         }
     }
     /** @hidden */
     ngOnInit() {
-        this.buildComponentCssClass();
-        this._constructHref();
+        const resizeSubscription = fromEvent(window, 'resize')
+            .pipe(debounceTime(200)) // reduce frequent calls during window resizing
+            .subscribe(() => this._constructHref());
+        this._subscriptions.add(resizeSubscription);
     }
     /** @hidden */
-    ngAfterViewInit() {
-        this._containerWidth = this.elementRef.nativeElement.offsetWidth;
+    ngAfterContentChecked() {
         this._constructHref();
-        this._subscriptions.add(fromEvent(window, 'resize').subscribe(() => this._constructHref()));
     }
     /** @hidden */
     ngOnDestroy() {
@@ -72,52 +66,48 @@ export class IllustratedMessageComponent {
     }
     /** @hidden */
     _constructHref() {
-        let inlineSvg;
-        this._inlineSvg = undefined;
-        this._containerWidth = this.elementRef.nativeElement.offsetWidth;
-        if (this._containerWidth >= 682) {
-            this.type = IllustratedMessageTypes.SCENE;
-        }
-        if (this._containerWidth >= 361 && this._containerWidth <= 681) {
-            this.type = IllustratedMessageTypes.DIALOG;
+        const containerWidth = this.elementRef.nativeElement.offsetWidth;
+        let tempType = this.type;
+        if (!this.type && containerWidth > 0) {
+            tempType = this._determineIllustratedMessageType(containerWidth);
         }
-        if (this._containerWidth >= 261 && this._containerWidth <= 360) {
-            this.type = IllustratedMessageTypes.SPOT;
+        this._href = this.svgConfig ? this._getHrefByType(tempType, this.svgConfig) : '';
+        this.buildComponentCssClass();
+        this._cdRef.markForCheck();
+    }
+    /** @hidden */
+    _determineIllustratedMessageType(width) {
+        if (width >= 682) {
+            return IllustratedMessageTypes.SCENE;
         }
-        if (this._containerWidth >= 161 && this._containerWidth <= 260) {
-            this.type = IllustratedMessageTypes.DOT;
+        else if (width >= 361) {
+            return IllustratedMessageTypes.DIALOG;
         }
-        if (this._containerWidth <= 160) {
-            this.type = IllustratedMessageTypes.BASE;
+        else if (width >= 261) {
+            return IllustratedMessageTypes.SPOT;
         }
-        if (this.svgConfig) {
-            switch (this.type) {
-                case IllustratedMessageTypes.SCENE:
-                    inlineSvg = this.svgConfig.scene?.file;
-                    this._href = `${this.svgConfig.scene?.url || ''}#${this.svgConfig.scene?.id}`;
-                    break;
-                case IllustratedMessageTypes.DIALOG:
-                    inlineSvg = this.svgConfig.dialog?.file;
-                    this._href = `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`;
-                    break;
-                case IllustratedMessageTypes.SPOT:
-                    inlineSvg = this.svgConfig.spot?.file;
-                    this._href = `${this.svgConfig.spot?.url || ''}#${this.svgConfig.spot?.id}`;
-                    break;
-                case IllustratedMessageTypes.DOT:
-                    inlineSvg = this.svgConfig.dot?.file;
-                    this._href = `${this.svgConfig.dot?.url || ''}#${this.svgConfig.dot?.id}`;
-                    break;
-            }
+        else if (width >= 161) {
+            return IllustratedMessageTypes.DOT;
         }
-        if (inlineSvg) {
-            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);
+        return IllustratedMessageTypes.BASE;
+    }
+    /** @hidden */
+    _getHrefByType(type, svgConfig) {
+        switch (type) {
+            case IllustratedMessageTypes.SCENE:
+                return `${svgConfig.scene?.url || ''}#${svgConfig.scene?.id}`;
+            case IllustratedMessageTypes.DIALOG:
+                return `${svgConfig.dialog?.url || ''}#${svgConfig.dialog?.id}`;
+            case IllustratedMessageTypes.SPOT:
+                return `${svgConfig.spot?.url || ''}#${svgConfig.spot?.id}`;
+            case IllustratedMessageTypes.DOT:
+                return `${svgConfig.dot?.url || ''}#${svgConfig.dot?.id}`;
+            default:
+                return '';
         }
-        this.buildComponentCssClass();
-        this._cdRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", svgAriaLabel: "svgAriaLabel", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg || _inlineSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    @if (_inlineSvg) {\n        <div [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", svgAriaLabel: "svgAriaLabel", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -127,8 +117,8 @@ __decorate([
 ], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [], template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg || _inlineSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    @if (_inlineSvg) {\n        <div [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { type: [{
+            args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [], template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
                 type: Input
             }], svgConfig: [{
                 type: Input
@@ -144,4 +134,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], class: [{
                 type: Input
             }], buildComponentCssClass: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvaWxsdXN0cmF0ZWQtbWVzc2FnZS9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9pbGx1c3RyYXRlZC1tZXNzYWdlL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFLTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBNkMsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7OztBQWlCL0MsTUFBTSxDQUFOLElBQVksdUJBTVg7QUFORCxXQUFZLHVCQUF1QjtJQUMvQiwwQ0FBZSxDQUFBO0lBQ2YsNENBQWlCLENBQUE7SUFDakIsd0NBQWEsQ0FBQTtJQUNiLHNDQUFXLENBQUE7SUFDWCx3Q0FBYSxDQUFBO0FBQ2pCLENBQUMsRUFOVyx1QkFBdUIsS0FBdkIsdUJBQXVCLFFBTWxDO0FBRUQsSUFBSSwwQkFBMEIsR0FBRyxDQUFDLENBQUM7QUFZbkMsTUFBTSxPQUFPLDJCQUEyQjtJQXlEcEMsY0FBYztJQUNkLFlBQ29CLFVBQXNCLEVBQzlCLE1BQXlCLEVBQ3pCLFVBQXdCO1FBRmhCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDOUIsV0FBTSxHQUFOLE1BQU0sQ0FBbUI7UUFDekIsZUFBVSxHQUFWLFVBQVUsQ0FBYztRQTVEcEM7Ozs7V0FJRztRQUVILFNBQUksR0FBMkIsdUJBQXVCLENBQUMsS0FBSyxDQUFDO1FBZ0I3RDs7O1dBR0c7UUFFSCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBRWQ7OztXQUdHO1FBR0gsT0FBRSxHQUFXLHlCQUF5QixHQUFHLDBCQUEwQixFQUFFLENBQUM7UUFrQnRFLGNBQWM7UUFDTixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFPekMsQ0FBQztJQUVKOzs7OztPQUtHO0lBRUgsc0JBQXNCO1FBQ2xCLE9BQU8sQ0FBQyx3QkFBd0IsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNHLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBQzlCLElBQUksV0FBVyxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxQixDQUFDO0lBQ0wsQ0FBQztJQUVELGNBQWM7SUFDZCxRQUFRO1FBQ0osSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2QsZUFBZTtRQUNYLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1FBQ2pFLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ2hHLENBQUM7SUFFRCxjQUFjO0lBQ2QsV0FBVztRQUNQLElBQUksQ0FBQyxjQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGNBQWM7SUFDTixjQUFjO1FBQ2xCLElBQUksU0FBNkIsQ0FBQztRQUNsQyxJQUFJLENBQUMsVUFBVSxHQUFHLFNBQVMsQ0FBQztRQUU1QixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztRQUVqRSxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksR0FBRyxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLElBQUksR0FBRyx1QkFBdUIsQ0FBQyxLQUFLLENBQUM7UUFDOUMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUM3RCxJQUFJLENBQUMsSUFBSSxHQUFHLHVCQUF1QixDQUFDLE1BQU0sQ0FBQztRQUMvQyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFJLEdBQUcsRUFBRSxDQUFDO1lBQzdELElBQUksQ0FBQyxJQUFJLEdBQUcsdUJBQXVCLENBQUMsSUFBSSxDQUFDO1FBQzdDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksR0FBRyxFQUFFLENBQUM7WUFDN0QsSUFBSSxDQUFDLElBQUksR0FBRyx1QkFBdUIsQ0FBQyxHQUFHLENBQUM7UUFDNUMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxHQUFHLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsSUFBSSxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQztRQUM3QyxDQUFDO1FBRUQsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDakIsUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ2hCLEtBQUssdUJBQXVCLENBQUMsS0FBSztvQkFDOUIsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQztvQkFDdkMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLEdBQUcsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUM7b0JBQzlFLE1BQU07Z0JBRVYsS0FBSyx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQixTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO29CQUN4QyxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQztvQkFDaEYsTUFBTTtnQkFFVixLQUFLLHVCQUF1QixDQUFDLElBQUk7b0JBQzdCLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7b0JBQ3RDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO29CQUM1RSxNQUFNO2dCQUVWLEtBQUssdUJBQXVCLENBQUMsR0FBRztvQkFDNUIsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQztvQkFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLEdBQUcsSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUM7b0JBQzFFLE1BQU07WUFDZCxDQUFDO1FBQ0wsQ0FBQztRQUNELElBQUksU0FBUyxFQUFFLENBQUM7WUFDWixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsdUJBQXVCLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekUsQ0FBQztRQUVELElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQzs4R0E3SlEsMkJBQTJCO2tHQUEzQiwyQkFBMkIsbVJDckR4QyxtZ0JBWUE7O0FEZ0hJO0lBREMsYUFBYTs7Ozt5RUFHYjsyRkF6RVEsMkJBQTJCO2tCQVZ2QyxTQUFTOytCQUVJLDBCQUEwQixpQkFHckIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsRUFBRTswSUFTWCxJQUFJO3NCQURILEtBQUs7Z0JBU04sU0FBUztzQkFEUixLQUFLO2dCQU9OLFlBQVk7c0JBRFgsS0FBSztnQkFRTixLQUFLO3NCQURKLEtBQUs7Z0JBU04sRUFBRTtzQkFGRCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFNBQVM7Z0JBS3RCLEtBQUs7c0JBREosS0FBSztnQkFnQ04sc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFNpbXBsZUNoYW5nZXMsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBDc3NDbGFzc0J1aWxkZXIsIE51bGxhYmxlLCBSZXF1aXJlT25seU9uZSwgYXBwbHlDc3NDbGFzcyB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY2RrL3V0aWxzJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnQ29uZmlnIHtcbiAgICBzY2VuZT86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnIHwgJ2ZpbGUnPjtcbiAgICBkaWFsb2c/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJyB8ICdmaWxlJz47XG4gICAgc3BvdD86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnIHwgJ2ZpbGUnPjtcbiAgICBkb3Q/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJyB8ICdmaWxlJz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnSXRlbUNvbmZpZyB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgaWQ6IHN0cmluZztcbiAgICBmaWxlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCB0eXBlIElsbHVzdHJhdGVkTWVzc2FnZVR5cGUgPSAnc2NlbmUnIHwgJ2RpYWxvZycgfCAnc3BvdCcgfCAnZG90JyB8ICdiYXNlJztcblxuZXhwb3J0IGVudW0gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMge1xuICAgIFNDRU5FID0gJ3NjZW5lJyxcbiAgICBESUFMT0cgPSAnZGlhbG9nJyxcbiAgICBTUE9UID0gJ3Nwb3QnLFxuICAgIERPVCA9ICdkb3QnLFxuICAgIEJBU0UgPSAnYmFzZSdcbn1cblxubGV0IGlsbHVzdHJhdGVkTWVzc2FnZVVuaXF1ZUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1tmZC1pbGx1c3RyYXRlZC1tZXNzYWdlXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW11cbn0pXG5leHBvcnQgY2xhc3MgSWxsdXN0cmF0ZWRNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIE9uSW5pdCwgQ3NzQ2xhc3NCdWlsZGVyIHtcbiAgICAvKipcbiAgICAgKiBUaGUgdHlwZSBvZiB0aGUgSWxsdXN0cmF0ZWQgTWVzc2FnZVxuICAgICAqIE9wdGlvbnMgaW5jbHVkZTogJ3NjZW5lJyB8ICdzcG90JyB8ICdkaWFsb2cnIHwgJ2RvdCcgfCAnYmFzZScuXG4gICAgICogVGhlIGRlZmF1bHQgdHlwZSBpcyBzZXQgdG8gJ3NjZW5lJ1xuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgdHlwZTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSA9IElsbHVzdHJhdGVkTWVzc2FnZVR5cGVzLlNDRU5FO1xuXG4gICAgLyoqXG4gICAgICogQW4gb2JqZWN0IGNvbnRhaW5pbmcgdXJsIGFuZCBpZCBmb3IgZWFjaCB0eXBlIHVzZWQgdG8gY29uc3RydWN0IHRoZSBzdmcgaHJlZlxuICAgICAqIEZvciAnc2NlbmUnIHR5cGUgJ3NjZW5lJyBhbmQgJ2RpYWxvZycgdmFsdWVzIGFyZSByZXF1aXJlZFxuICAgICAqIEluIHNtYWxsIHNjcmVlbnMgKGxlc3MgdGhhbiA2MDBweCkgJ2RpYWxvZycgc3ZnIHdpbGwgYmUgYXBwbGllZCBmb3IgJ3NjZW5lJyB0eXBlXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBzdmdDb25maWc6IFN2Z0NvbmZpZztcblxuICAgIC8qKlxuICAgICAqIGFyaWEtbGFiZWwgZm9yIHRoZSBzdmdcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHN2Z0FyaWFMYWJlbDogTnVsbGFibGU8c3RyaW5nPjtcblxuICAgIC8qKlxuICAgICAqIFdoZW4gc2V0IHRvIHRydWUgd2lsbCByZW1vdmUgdGhlIGlsbHVzdHJhdGlvbiBmcm9tIHRoZSBJbGx1c3RyYXRlZCBNZXNzYWdlXG4gICAgICogVGhlIGRlZmF1bHQgaXMgc2V0IHRvIGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBub1N2ZyA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogSWQgb2YgdGhlIElsbHVzdHJhdGVkIE1lc3NhZ2VcbiAgICAgKiBJZiBub3QgcHJvdmlkZWQsIGEgZGVmYXVsdCBvbmUgaXMgZ2VuZXJhdGVkXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKVxuICAgIGlkOiBzdHJpbmcgPSAnZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS0nICsgaWxsdXN0cmF0ZWRNZXNzYWdlVW5pcXVlSWQrKztcblxuICAgIC8qKiBVc2VyJ3MgY3VzdG9tIGNsYXNzZXMgKi9cbiAgICBASW5wdXQoKVxuICAgIGNsYXNzOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9ocmVmOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9pc1NtYWxsU2NyZWVuOiBib29sZWFuO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfaW5saW5lU3ZnOiBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2NvbnRhaW5lcldpZHRoOiBudW1iZXI7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3N1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICBwcml2YXRlIF9zYW5pdGl6ZXI6IERvbVNhbml0aXplclxuICAgICkge31cblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKiBDc3NDbGFzc0J1aWxkZXIgaW50ZXJmYWNlIGltcGxlbWVudGF0aW9uXG4gICAgICogZnVuY3Rpb24gbXVzdCByZXR1cm4gc2luZ2xlIHN0cmluZ1xuICAgICAqIGZ1bmN0aW9uIGlzIHJlc3BvbnNpYmxlIGZvciBvcmRlciB3aGljaCBjc3MgY2xhc3NlcyBhcmUgYXBwbGllZFxuICAgICAqL1xuICAgIEBhcHBseUNzc0NsYXNzXG4gICAgYnVpbGRDb21wb25lbnRDc3NDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgICAgIHJldHVybiBbJ2ZkLWlsbHVzdHJhdGVkLW1lc3NhZ2UnLCB0aGlzLnR5cGUgPyBgZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS0tJHt0aGlzLnR5cGV9YCA6ICcnLCB0aGlzLmNsYXNzXTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgICAgIGlmICgnc3ZnQ29uZmlnJyBpbiBjaGFuZ2VzKSB7XG4gICAgICAgICAgICB0aGlzLl9jb25zdHJ1Y3RIcmVmKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmJ1aWxkQ29tcG9uZW50Q3NzQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jb250YWluZXJXaWR0aCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xuICAgICAgICB0aGlzLl9jb25zdHJ1Y3RIcmVmKCk7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbnMuYWRkKGZyb21FdmVudCh3aW5kb3csICdyZXNpemUnKS5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY29uc3RydWN0SHJlZigpKSk7XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy51bnN1YnNjcmliZSgpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfY29uc3RydWN0SHJlZigpOiB2b2lkIHtcbiAgICAgICAgbGV0IGlubGluZVN2Zzogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgICAgICB0aGlzLl9pbmxpbmVTdmcgPSB1bmRlZmluZWQ7XG5cbiAgICAgICAgdGhpcy5fY29udGFpbmVyV2lkdGggPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcblxuICAgICAgICBpZiAodGhpcy5fY29udGFpbmVyV2lkdGggPj0gNjgyKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5TQ0VORTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLl9jb250YWluZXJXaWR0aCA+PSAzNjEgJiYgdGhpcy5fY29udGFpbmVyV2lkdGggPD0gNjgxKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ESUFMT0c7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5fY29udGFpbmVyV2lkdGggPj0gMjYxICYmIHRoaXMuX2NvbnRhaW5lcldpZHRoIDw9IDM2MCkge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLl9jb250YWluZXJXaWR0aCA+PSAxNjEgJiYgdGhpcy5fY29udGFpbmVyV2lkdGggPD0gMjYwKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ET1Q7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5fY29udGFpbmVyV2lkdGggPD0gMTYwKSB7XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5CQVNFO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuc3ZnQ29uZmlnKSB7XG4gICAgICAgICAgICBzd2l0Y2ggKHRoaXMudHlwZSkge1xuICAgICAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU0NFTkU6XG4gICAgICAgICAgICAgICAgICAgIGlubGluZVN2ZyA9IHRoaXMuc3ZnQ29uZmlnLnNjZW5lPy5maWxlO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLl9ocmVmID0gYCR7dGhpcy5zdmdDb25maWcuc2NlbmU/LnVybCB8fCAnJ30jJHt0aGlzLnN2Z0NvbmZpZy5zY2VuZT8uaWR9YDtcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG5cbiAgICAgICAgICAgICAgICBjYXNlIElsbHVzdHJhdGVkTWVzc2FnZVR5cGVzLkRJQUxPRzpcbiAgICAgICAgICAgICAgICAgICAgaW5saW5lU3ZnID0gdGhpcy5zdmdDb25maWcuZGlhbG9nPy5maWxlO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLl9ocmVmID0gYCR7dGhpcy5zdmdDb25maWcuZGlhbG9nPy51cmwgfHwgJyd9IyR7dGhpcy5zdmdDb25maWcuZGlhbG9nPy5pZH1gO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcblxuICAgICAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDpcbiAgICAgICAgICAgICAgICAgICAgaW5saW5lU3ZnID0gdGhpcy5zdmdDb25maWcuc3BvdD8uZmlsZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5faHJlZiA9IGAke3RoaXMuc3ZnQ29uZmlnLnNwb3Q/LnVybCB8fCAnJ30jJHt0aGlzLnN2Z0NvbmZpZy5zcG90Py5pZH1gO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcblxuICAgICAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRE9UOlxuICAgICAgICAgICAgICAgICAgICBpbmxpbmVTdmcgPSB0aGlzLnN2Z0NvbmZpZy5kb3Q/LmZpbGU7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuX2hyZWYgPSBgJHt0aGlzLnN2Z0NvbmZpZy5kb3Q/LnVybCB8fCAnJ30jJHt0aGlzLnN2Z0NvbmZpZy5kb3Q/LmlkfWA7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIGlmIChpbmxpbmVTdmcpIHtcbiAgICAgICAgICAgIHRoaXMuX2lubGluZVN2ZyA9IHRoaXMuX3Nhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChpbmxpbmVTdmcpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5idWlsZENvbXBvbmVudENzc0NsYXNzKCk7XG4gICAgICAgIHRoaXMuX2NkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZV9fY29udGFpbmVyXCI+XG4gICAgQGlmICghbm9TdmcgfHwgX2lubGluZVN2Zykge1xuICAgICAgICA8c3ZnIGNsYXNzPVwiZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZV9faWxsdXN0cmF0aW9uXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJzdmdBcmlhTGFiZWxcIj5cbiAgICAgICAgICAgIDx1c2UgW2F0dHIuaHJlZl09XCJfaHJlZlwiPjwvdXNlPlxuICAgICAgICA8L3N2Zz5cbiAgICB9XG4gICAgQGlmIChfaW5saW5lU3ZnKSB7XG4gICAgICAgIDxkaXYgW3N0eWxlLmRpc3BsYXldPVwiJ25vbmUnXCIgW2lubmVySFRNTF09XCJfaW5saW5lU3ZnXCI+PC9kaXY+XG4gICAgfVxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLWZpZ2NhcHRpb25dXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLWFjdGlvbnNcIj48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvaWxsdXN0cmF0ZWQtbWVzc2FnZS9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9pbGx1c3RyYXRlZC1tZXNzYWdlL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFLTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUE2QyxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RyxPQUFPLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBZ0I3RCxNQUFNLENBQU4sSUFBWSx1QkFNWDtBQU5ELFdBQVksdUJBQXVCO0lBQy9CLDBDQUFlLENBQUE7SUFDZiw0Q0FBaUIsQ0FBQTtJQUNqQix3Q0FBYSxDQUFBO0lBQ2Isc0NBQVcsQ0FBQTtJQUNYLHdDQUFhLENBQUE7QUFDakIsQ0FBQyxFQU5XLHVCQUF1QixLQUF2Qix1QkFBdUIsUUFNbEM7QUFFRCxJQUFJLDBCQUEwQixHQUFHLENBQUMsQ0FBQztBQVluQyxNQUFNLE9BQU8sMkJBQTJCO0lBa0RwQyxjQUFjO0lBQ2QsWUFDb0IsVUFBc0IsRUFDOUIsTUFBeUI7UUFEakIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUM5QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQS9CckM7OztXQUdHO1FBRUgsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkOzs7V0FHRztRQUdILE9BQUUsR0FBVyx5QkFBeUIsR0FBRywwQkFBMEIsRUFBRSxDQUFDO1FB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RUFBRSxDQUFDO1lBQ2xFLEtBQUssdUJBQXVCLENBQUMsTUFBTTtnQkFDL0IsT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ3BFLEtBQUssdUJBQXVCLENBQUMsSUFBSTtnQkFDN0IsT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ2hFLEtBQUssdUJBQXVCLENBQUMsR0FBRztnQkFDNUIsT0FBTyxHQUFHLFNBQVMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQzlEO2dCQUNJLE9BQU8sRUFBRSxDQUFDO1FBQ2xCLENBQUM7SUFDTCxDQUFDOzhHQTNJUSwyQkFBMkI7a0dBQTNCLDJCQUEyQixtUkNuRHhDLDJZQVNBOztBRHlHSTtJQURDLGFBQWE7Ozs7eUVBT2I7MkZBckVRLDJCQUEyQjtrQkFWdkMsU0FBUzsrQkFFSSwwQkFBMEIsaUJBR3JCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLEVBQUU7K0dBUVgsSUFBSTtzQkFESCxLQUFLO2dCQVNOLFNBQVM7c0JBRFIsS0FBSztnQkFPTixZQUFZO3NCQURYLEtBQUs7Z0JBUU4sS0FBSztzQkFESixLQUFLO2dCQVNOLEVBQUU7c0JBRkQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxTQUFTO2dCQUt0QixLQUFLO3NCQURKLEtBQUs7Z0JBeUJOLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3NzQ2xhc3NCdWlsZGVyLCBOdWxsYWJsZSwgUmVxdWlyZU9ubHlPbmUsIGFwcGx5Q3NzQ2xhc3MgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGRlYm91bmNlVGltZSwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnQ29uZmlnIHtcbiAgICBzY2VuZT86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnPjtcbiAgICBkaWFsb2c/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJz47XG4gICAgc3BvdD86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnPjtcbiAgICBkb3Q/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnSXRlbUNvbmZpZyB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgaWQ6IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSA9ICdzY2VuZScgfCAnZGlhbG9nJyB8ICdzcG90JyB8ICdkb3QnIHwgJ2Jhc2UnO1xuXG5leHBvcnQgZW51bSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcyB7XG4gICAgU0NFTkUgPSAnc2NlbmUnLFxuICAgIERJQUxPRyA9ICdkaWFsb2cnLFxuICAgIFNQT1QgPSAnc3BvdCcsXG4gICAgRE9UID0gJ2RvdCcsXG4gICAgQkFTRSA9ICdiYXNlJ1xufVxuXG5sZXQgaWxsdXN0cmF0ZWRNZXNzYWdlVW5pcXVlSWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnW2ZkLWlsbHVzdHJhdGVkLW1lc3NhZ2VdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBJbGx1c3RyYXRlZE1lc3NhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkLCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0LCBDc3NDbGFzc0J1aWxkZXIge1xuICAgIC8qKlxuICAgICAqIFRoZSB0eXBlIG9mIHRoZSBJbGx1c3RyYXRlZCBNZXNzYWdlXG4gICAgICogT3B0aW9ucyBpbmNsdWRlOiAnc2NlbmUnIHwgJ3Nwb3QnIHwgJ2RpYWxvZycgfCAnZG90JyB8ICdiYXNlJy5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHR5cGU6IElsbHVzdHJhdGVkTWVzc2FnZVR5cGU7XG5cbiAgICAvKipcbiAgICAgKiBBbiBvYmplY3QgY29udGFpbmluZyB1cmwgYW5kIGlkIGZvciBlYWNoIHR5cGUgdXNlZCB0byBjb25zdHJ1Y3QgdGhlIHN2ZyBocmVmXG4gICAgICogRm9yICdzY2VuZScgdHlwZSAnc2NlbmUnIGFuZCAnZGlhbG9nJyB2YWx1ZXMgYXJlIHJlcXVpcmVkXG4gICAgICogSW4gc21hbGwgc2NyZWVucyAobGVzcyB0aGFuIDYwMHB4KSAnZGlhbG9nJyBzdmcgd2lsbCBiZSBhcHBsaWVkIGZvciAnc2NlbmUnIHR5cGVcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHN2Z0NvbmZpZzogU3ZnQ29uZmlnO1xuXG4gICAgLyoqXG4gICAgICogYXJpYS1sYWJlbCBmb3IgdGhlIHN2Z1xuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc3ZnQXJpYUxhYmVsOiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqXG4gICAgICogV2hlbiBzZXQgdG8gdHJ1ZSB3aWxsIHJlbW92ZSB0aGUgaWxsdXN0cmF0aW9uIGZyb20gdGhlIElsbHVzdHJhdGVkIE1lc3NhZ2VcbiAgICAgKiBUaGUgZGVmYXVsdCBpcyBzZXQgdG8gZmFsc2VcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIG5vU3ZnID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBJZCBvZiB0aGUgSWxsdXN0cmF0ZWQgTWVzc2FnZVxuICAgICAqIElmIG5vdCBwcm92aWRlZCwgYSBkZWZhdWx0IG9uZSBpcyBnZW5lcmF0ZWRcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaWQ6IHN0cmluZyA9ICdmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLScgKyBpbGx1c3RyYXRlZE1lc3NhZ2VVbmlxdWVJZCsrO1xuXG4gICAgLyoqIFVzZXIncyBjdXN0b20gY2xhc3NlcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xhc3M6IHN0cmluZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2hyZWY6IHN0cmluZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2lzU21hbGxTY3JlZW46IGJvb2xlYW47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3N1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfY2RSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7fVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqIENzc0NsYXNzQnVpbGRlciBpbnRlcmZhY2UgaW1wbGVtZW50YXRpb25cbiAgICAgKiBmdW5jdGlvbiBtdXN0IHJldHVybiBzaW5nbGUgc3RyaW5nXG4gICAgICogZnVuY3Rpb24gaXMgcmVzcG9uc2libGUgZm9yIG9yZGVyIHdoaWNoIGNzcyBjbGFzc2VzIGFyZSBhcHBsaWVkXG4gICAgICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdmZC1pbGx1c3RyYXRlZC1tZXNzYWdlJyxcbiAgICAgICAgICAgIHRoaXMudHlwZSA/IGBmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLS0ke3RoaXMudHlwZX1gIDogJycsXG4gICAgICAgICAgICB0aGlzLmNsYXNzIHx8ICcnXG4gICAgICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ3N2Z0NvbmZpZycgaW4gY2hhbmdlcykge1xuICAgICAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgcmVzaXplU3Vic2NyaXB0aW9uID0gZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpXG4gICAgICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoMjAwKSkgLy8gcmVkdWNlIGZyZXF1ZW50IGNhbGxzIGR1cmluZyB3aW5kb3cgcmVzaXppbmdcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY29uc3RydWN0SHJlZigpKTtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy5hZGQocmVzaXplU3Vic2NyaXB0aW9uKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbnMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2NvbnN0cnVjdEhyZWYoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lcldpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG4gICAgICAgIGxldCB0ZW1wVHlwZSA9IHRoaXMudHlwZTtcbiAgICAgICAgaWYgKCF0aGlzLnR5cGUgJiYgY29udGFpbmVyV2lkdGggPiAwKSB7XG4gICAgICAgICAgICB0ZW1wVHlwZSA9IHRoaXMuX2RldGVybWluZUlsbHVzdHJhdGVkTWVzc2FnZVR5cGUoY29udGFpbmVyV2lkdGgpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5faHJlZiA9IHRoaXMuc3ZnQ29uZmlnID8gdGhpcy5fZ2V0SHJlZkJ5VHlwZSh0ZW1wVHlwZSwgdGhpcy5zdmdDb25maWcpIDogJyc7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuXG4gICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfZGV0ZXJtaW5lSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSh3aWR0aDogbnVtYmVyKTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSB7XG4gICAgICAgIGlmICh3aWR0aCA+PSA2ODIpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5TQ0VORTtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAzNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ESUFMT0c7XG4gICAgICAgIH0gZWxzZSBpZiAod2lkdGggPj0gMjYxKSB7XG4gICAgICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAxNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ET1Q7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuQkFTRTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2dldEhyZWZCeVR5cGUodHlwZTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSwgc3ZnQ29uZmlnOiBTdmdDb25maWcpOiBzdHJpbmcge1xuICAgICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU0NFTkU6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3N2Z0NvbmZpZy5zY2VuZT8udXJsIHx8ICcnfSMke3N2Z0NvbmZpZy5zY2VuZT8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRElBTE9HOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZGlhbG9nPy51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRpYWxvZz8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDpcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7c3ZnQ29uZmlnLnNwb3Q/LnVybCB8fCAnJ30jJHtzdmdDb25maWcuc3BvdD8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRE9UOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZG90Py51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRvdD8uaWR9YDtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZkLWlsbHVzdHJhdGVkLW1lc3NhZ2VfX2NvbnRhaW5lclwiPlxuICAgIEBpZiAoIW5vU3ZnKSB7XG4gICAgICAgIDxzdmcgY2xhc3M9XCJmZC1pbGx1c3RyYXRlZC1tZXNzYWdlX19pbGx1c3RyYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cInN2Z0FyaWFMYWJlbFwiPlxuICAgICAgICAgICAgPHVzZSBbYXR0ci5ocmVmXT1cIl9ocmVmXCI+PC91c2U+XG4gICAgICAgIDwvc3ZnPlxuICAgIH1cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS1maWdjYXB0aW9uXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuIl19

package/fesm2022/fundamental-ngx-core-illustrated-message.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Directive, HostBinding, ViewEncapsulation, Input, NgModule } from '@angular/core';
 import { __decorate, __metadata } from 'tslib';
-import * as i1 from '@angular/platform-browser';
 import { applyCssClass } from '@fundamental-ngx/cdk/utils';
-import { Subscription, fromEvent } from 'rxjs';
+import { Subscription, fromEvent, debounceTime } from 'rxjs';
 
 class IllustratedMessageActionsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -99,16 +98,9 @@ var IllustratedMessageTypes;
 let illustratedMessageUniqueId = 0;
 class IllustratedMessageComponent {
     /** @hidden */
-    constructor(elementRef, _cdRef, _sanitizer) {
+    constructor(elementRef, _cdRef) {
         this.elementRef = elementRef;
         this._cdRef = _cdRef;
-        this._sanitizer = _sanitizer;
-        /**
-         * The type of the Illustrated Message
-         * Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.
-         * The default type is set to 'scene'
-         */
-        this.type = IllustratedMessageTypes.SCENE;
         /**
          * When set to true will remove the illustration from the Illustrated Message
          * The default is set to false
@@ -129,25 +121,28 @@ class IllustratedMessageComponent {
      * function is responsible for order which css classes are applied
      */
     buildComponentCssClass() {
-        return ['fd-illustrated-message', this.type ? `fd-illustrated-message--${this.type}` : '', this.class];
+        return [
+            'fd-illustrated-message',
+            this.type ? `fd-illustrated-message--${this.type}` : '',
+            this.class || ''
+        ].filter(Boolean);
     }
     /** @hidden */
     ngOnChanges(changes) {
-        this.buildComponentCssClass();
         if ('svgConfig' in changes) {
             this._constructHref();
         }
     }
     /** @hidden */
     ngOnInit() {
-        this.buildComponentCssClass();
-        this._constructHref();
+        const resizeSubscription = fromEvent(window, 'resize')
+            .pipe(debounceTime(200)) // reduce frequent calls during window resizing
+            .subscribe(() => this._constructHref());
+        this._subscriptions.add(resizeSubscription);
     }
     /** @hidden */
-    ngAfterViewInit() {
-        this._containerWidth = this.elementRef.nativeElement.offsetWidth;
+    ngAfterContentChecked() {
         this._constructHref();
-        this._subscriptions.add(fromEvent(window, 'resize').subscribe(() => this._constructHref()));
     }
     /** @hidden */
     ngOnDestroy() {
@@ -155,52 +150,48 @@ class IllustratedMessageComponent {
     }
     /** @hidden */
     _constructHref() {
-        let inlineSvg;
-        this._inlineSvg = undefined;
-        this._containerWidth = this.elementRef.nativeElement.offsetWidth;
-        if (this._containerWidth >= 682) {
-            this.type = IllustratedMessageTypes.SCENE;
-        }
-        if (this._containerWidth >= 361 && this._containerWidth <= 681) {
-            this.type = IllustratedMessageTypes.DIALOG;
+        const containerWidth = this.elementRef.nativeElement.offsetWidth;
+        let tempType = this.type;
+        if (!this.type && containerWidth > 0) {
+            tempType = this._determineIllustratedMessageType(containerWidth);
         }
-        if (this._containerWidth >= 261 && this._containerWidth <= 360) {
-            this.type = IllustratedMessageTypes.SPOT;
+        this._href = this.svgConfig ? this._getHrefByType(tempType, this.svgConfig) : '';
+        this.buildComponentCssClass();
+        this._cdRef.markForCheck();
+    }
+    /** @hidden */
+    _determineIllustratedMessageType(width) {
+        if (width >= 682) {
+            return IllustratedMessageTypes.SCENE;
         }
-        if (this._containerWidth >= 161 && this._containerWidth <= 260) {
-            this.type = IllustratedMessageTypes.DOT;
+        else if (width >= 361) {
+            return IllustratedMessageTypes.DIALOG;
         }
-        if (this._containerWidth <= 160) {
-            this.type = IllustratedMessageTypes.BASE;
+        else if (width >= 261) {
+            return IllustratedMessageTypes.SPOT;
         }
-        if (this.svgConfig) {
-            switch (this.type) {
-                case IllustratedMessageTypes.SCENE:
-                    inlineSvg = this.svgConfig.scene?.file;
-                    this._href = `${this.svgConfig.scene?.url || ''}#${this.svgConfig.scene?.id}`;
-                    break;
-                case IllustratedMessageTypes.DIALOG:
-                    inlineSvg = this.svgConfig.dialog?.file;
-                    this._href = `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`;
-                    break;
-                case IllustratedMessageTypes.SPOT:
-                    inlineSvg = this.svgConfig.spot?.file;
-                    this._href = `${this.svgConfig.spot?.url || ''}#${this.svgConfig.spot?.id}`;
-                    break;
-                case IllustratedMessageTypes.DOT:
-                    inlineSvg = this.svgConfig.dot?.file;
-                    this._href = `${this.svgConfig.dot?.url || ''}#${this.svgConfig.dot?.id}`;
-                    break;
-            }
+        else if (width >= 161) {
+            return IllustratedMessageTypes.DOT;
         }
-        if (inlineSvg) {
-            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);
+        return IllustratedMessageTypes.BASE;
+    }
+    /** @hidden */
+    _getHrefByType(type, svgConfig) {
+        switch (type) {
+            case IllustratedMessageTypes.SCENE:
+                return `${svgConfig.scene?.url || ''}#${svgConfig.scene?.id}`;
+            case IllustratedMessageTypes.DIALOG:
+                return `${svgConfig.dialog?.url || ''}#${svgConfig.dialog?.id}`;
+            case IllustratedMessageTypes.SPOT:
+                return `${svgConfig.spot?.url || ''}#${svgConfig.spot?.id}`;
+            case IllustratedMessageTypes.DOT:
+                return `${svgConfig.dot?.url || ''}#${svgConfig.dot?.id}`;
+            default:
+                return '';
         }
-        this.buildComponentCssClass();
-        this._cdRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", svgAriaLabel: "svgAriaLabel", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg || _inlineSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    @if (_inlineSvg) {\n        <div [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: "type", svgConfig: "svgConfig", svgAriaLabel: "svgAriaLabel", noSvg: "noSvg", id: "id", class: "class" }, host: { properties: { "attr.id": "this.id" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -210,8 +201,8 @@ __decorate([
 ], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [], template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg || _inlineSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    @if (_inlineSvg) {\n        <div [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { type: [{
+            args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [], template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n", styles: [".fd-illustrated-message{--illustratedMessagePadding:1rem;--illustratedMessageMaxWidth:auto;--actionsMarginInline:0;--actionsMarginBlock:1rem;--actionsPaddingInlineStart:0;--actionsPaddingInlineEnd:0;--illustrationMinWidth:15rem;--illustrationMaxWidth:20rem;--illustrationMinHeight:11.25rem;--illustrationMaxHeight:15rem;--illustrationMarginBlock:2rem;--illustrationMarginInlineStart:0;--illustrationMarginInlineEnd:0;--illustrationDisplay:flex;--containerFlexDirection:column;--figcaptionMaxWidth:61.9375rem;--titleMinWidth:auto;--titleMarginBottom:1rem;--titleFontSize:var(--sapFontHeader2Size);--textMinWidth:auto;--textMarginBottom:.5rem;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--illustratedMessageMaxWidth);min-height:100%;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding);text-align:center;width:100%}.fd-illustrated-message:after,.fd-illustrated-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;container-type:inline-size;height:100%;min-height:100%;width:100%}.fd-illustrated-message-responsive-container:after,.fd-illustrated-message-responsive-container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:after,.fd-illustrated-message__container:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:var(--illustrationDisplay);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:auto;line-height:normal;margin-block:0;margin-block:var(--illustrationMarginBlock);margin-inline:0;margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd);max-height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);min-height:var(--illustrationMinHeight);min-width:var(--illustrationMinWidth);padding-block:0;padding-inline:0;width:auto}.fd-illustrated-message__illustration:after,.fd-illustrated-message__illustration:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--figcaptionMaxWidth);overflow:hidden}.fd-illustrated-message__figcaption:after,.fd-illustrated-message__figcaption:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--titleFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;width:100%;-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:after,.fd-illustrated-message__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;line-height:1.5;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;text-align:center;text-wrap:wrap;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:after,.fd-illustrated-message__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-block:var(--actionsMarginBlock);margin-inline:var(--actionsMarginInline);padding-inline:var(--actionsPaddingInlineStart) var(--actionsPaddingInlineEnd)}.fd-illustrated-message__actions:after,.fd-illustrated-message__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}.fd-illustrated-message--spot{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}.fd-illustrated-message--dot{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}.fd-illustrated-message--base{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}@container (width <= 681px){.fd-illustrated-message{--illustrationMinWidth:10rem;--illustrationMinHeight:10rem;--illustrationMaxWidth:10rem;--illustrationMaxHeight:10rem;--illustrationMarginBlock:1rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader3Size);--figcaptionMaxWidth:40.5625rem;--actionsMarginBlock:.5rem 1rem}}@container (width <= 360px){.fd-illustrated-message{--illustratedMessagePadding:.5rem;--illustrationMinWidth:8rem;--illustrationMinHeight:8rem;--illustrationMaxWidth:8rem;--illustrationMaxHeight:8rem;--illustrationMarginBlock:0 .5rem;--titleMarginBottom:.5rem;--titleFontSize:var(--sapFontHeader4Size);--figcaptionMaxWidth:21.5rem;--actionsMarginBlock:.5rem}}@container (width <= 260px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--containerFlexDirection:row;--illustrationMinWidth:2.8125rem;--illustrationMaxWidth:2.8125rem;--illustrationMinHeight:2.8125rem;--illustrationMaxHeight:2.8125rem;--illustrationMarginBlock:0;--illustrationMarginInlineEnd:.25rem;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:var(--illustrationMaxWidth)}}@container (width <= 160px){.fd-illustrated-message{--illustratedMessagePadding:.25rem;--illustratedMessageMaxWidth:auto;--illustrationDisplay:none;--figcaptionMaxWidth:12.6875rem;--titleMarginBottom:.25rem;--titleFontSize:var(--sapFontHeader5Size);--textMarginBottom:.313rem;--actionsMarginBlock:.25rem;--actionsMarginInline:auto;--actionsPaddingInlineStart:0}}.fd-illustrated-message__illustration{height:var(--illustrationMaxWidth)}\n/*!\n * Fundamental Library Styles v0.38.0\n * Copyright (c) 2024 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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
                 type: Input
             }], svgConfig: [{
                 type: Input

package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/illustrated-message/illustrated-message.component.ts","../../../../libs/core/illustrated-message/illustrated-message.component.html","../../../../libs/core/illustrated-message/illustrated-message.module.ts","../../../../libs/core/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-illustrated-message-actions',\n    template: `<ng-content></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__actions'\n    },\n    standalone: true\n})\nexport class IllustratedMessageActionsComponent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message-figcaption]',\n    template: `\n        <ng-content select=\"[fd-illustrated-message-title]\"></ng-content>\n        <ng-content select=\"[fd-illustrated-message-text]\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__figcaption'\n    },\n    standalone: true\n})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]',\n    standalone: true\n})\nexport class IllustratedMessageTextDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__text')\n    fdIllustratedMessageTextClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]',\n    standalone: true\n})\nexport class IllustratedMessageTitleDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__title')\n    fdIllustratedMessageTitleClass = true;\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { CssClassBuilder, Nullable, RequireOnlyOne, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { Subscription, fromEvent } from 'rxjs';\n\nexport interface SvgConfig {\n    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n}\n\nexport interface SvgItemConfig {\n    url: string;\n    id: string;\n    file: string;\n}\n\nexport type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot' | 'base';\n\nexport enum IllustratedMessageTypes {\n    SCENE = 'scene',\n    DIALOG = 'dialog',\n    SPOT = 'spot',\n    DOT = 'dot',\n    BASE = 'base'\n}\n\nlet illustratedMessageUniqueId = 0;\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message]',\n    templateUrl: './illustrated-message.component.html',\n    styleUrl: './illustrated-message.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: []\n})\nexport class IllustratedMessageComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit, CssClassBuilder {\n    /**\n     * The type of the Illustrated Message\n     * Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.\n     * The default type is set to 'scene'\n     */\n    @Input()\n    type: IllustratedMessageType = IllustratedMessageTypes.SCENE;\n\n    /**\n     * An object containing url and id for each type used to construct the svg href\n     * For 'scene' type 'scene' and 'dialog' values are required\n     * In small screens (less than 600px) 'dialog' svg will be applied for 'scene' type\n     */\n    @Input()\n    svgConfig: SvgConfig;\n\n    /**\n     * aria-label for the svg\n     */\n    @Input()\n    svgAriaLabel: Nullable<string>;\n\n    /**\n     * When set to true will remove the illustration from the Illustrated Message\n     * The default is set to false\n     */\n    @Input()\n    noSvg = false;\n\n    /**\n     * Id of the Illustrated Message\n     * If not provided, a default one is generated\n     */\n    @Input()\n    @HostBinding('attr.id')\n    id: string = 'fd-illustrated-message-' + illustratedMessageUniqueId++;\n\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** @hidden */\n    _href: string;\n\n    /** @hidden */\n    _isSmallScreen: boolean;\n\n    /** @hidden */\n    _inlineSvg: SafeHtml | undefined;\n\n    /** @hidden */\n    _containerWidth: number;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        private _cdRef: ChangeDetectorRef,\n        private _sanitizer: DomSanitizer\n    ) {}\n\n    /**\n     * @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-illustrated-message', this.type ? `fd-illustrated-message--${this.type}` : '', this.class];\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        this.buildComponentCssClass();\n        if ('svgConfig' in changes) {\n            this._constructHref();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n        this._constructHref();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._containerWidth = this.elementRef.nativeElement.offsetWidth;\n        this._constructHref();\n        this._subscriptions.add(fromEvent(window, 'resize').subscribe(() => this._constructHref()));\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    private _constructHref(): void {\n        let inlineSvg: string | undefined;\n        this._inlineSvg = undefined;\n\n        this._containerWidth = this.elementRef.nativeElement.offsetWidth;\n\n        if (this._containerWidth >= 682) {\n            this.type = IllustratedMessageTypes.SCENE;\n        }\n\n        if (this._containerWidth >= 361 && this._containerWidth <= 681) {\n            this.type = IllustratedMessageTypes.DIALOG;\n        }\n\n        if (this._containerWidth >= 261 && this._containerWidth <= 360) {\n            this.type = IllustratedMessageTypes.SPOT;\n        }\n\n        if (this._containerWidth >= 161 && this._containerWidth <= 260) {\n            this.type = IllustratedMessageTypes.DOT;\n        }\n\n        if (this._containerWidth <= 160) {\n            this.type = IllustratedMessageTypes.BASE;\n        }\n\n        if (this.svgConfig) {\n            switch (this.type) {\n                case IllustratedMessageTypes.SCENE:\n                    inlineSvg = this.svgConfig.scene?.file;\n                    this._href = `${this.svgConfig.scene?.url || ''}#${this.svgConfig.scene?.id}`;\n                    break;\n\n                case IllustratedMessageTypes.DIALOG:\n                    inlineSvg = this.svgConfig.dialog?.file;\n                    this._href = `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`;\n                    break;\n\n                case IllustratedMessageTypes.SPOT:\n                    inlineSvg = this.svgConfig.spot?.file;\n                    this._href = `${this.svgConfig.spot?.url || ''}#${this.svgConfig.spot?.id}`;\n                    break;\n\n                case IllustratedMessageTypes.DOT:\n                    inlineSvg = this.svgConfig.dot?.file;\n                    this._href = `${this.svgConfig.dot?.url || ''}#${this.svgConfig.dot?.id}`;\n                    break;\n            }\n        }\n        if (inlineSvg) {\n            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);\n        }\n\n        this.buildComponentCssClass();\n        this._cdRef.detectChanges();\n    }\n}\n","<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg || _inlineSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    @if (_inlineSvg) {\n        <div [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { IllustratedMessageActionsComponent } from './components/illustrated-message-actions/illustrated-message-actions.component';\nimport { IllustratedMessageComponent } from './illustrated-message.component';\n// eslint-disable-next-line max-len\nimport { IllustratedMessageFigcaptionComponent } from './components/illustrated-message-figcaption/illustrated-message-figcaption.component';\nimport { IllustratedMessageTextDirective } from './directives/illustrated-message-text/illustrated-message-text.directive';\nimport { IllustratedMessageTitleDirective } from './directives/illustrated-message-title/illustrated-message-title.directive';\n\nconst components = [\n    IllustratedMessageComponent,\n    IllustratedMessageActionsComponent,\n    IllustratedMessageFigcaptionComponent,\n    IllustratedMessageTextDirective,\n    IllustratedMessageTitleDirective\n];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/illustrated-message/illustrated-message.component.ts","../../../../libs/core/illustrated-message/illustrated-message.component.html","../../../../libs/core/illustrated-message/illustrated-message.module.ts","../../../../libs/core/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    selector: 'fd-illustrated-message-actions',\n    template: `<ng-content></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__actions'\n    },\n    standalone: true\n})\nexport class IllustratedMessageActionsComponent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message-figcaption]',\n    template: `\n        <ng-content select=\"[fd-illustrated-message-title]\"></ng-content>\n        <ng-content select=\"[fd-illustrated-message-text]\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__figcaption'\n    },\n    standalone: true\n})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]',\n    standalone: true\n})\nexport class IllustratedMessageTextDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__text')\n    fdIllustratedMessageTextClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]',\n    standalone: true\n})\nexport class IllustratedMessageTitleDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__title')\n    fdIllustratedMessageTitleClass = true;\n}\n","import {\n    AfterContentChecked,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChanges,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, Nullable, RequireOnlyOne, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { Subscription, debounceTime, fromEvent } from 'rxjs';\n\nexport interface SvgConfig {\n    scene?: RequireOnlyOne<SvgItemConfig, 'url'>;\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url'>;\n    spot?: RequireOnlyOne<SvgItemConfig, 'url'>;\n    dot?: RequireOnlyOne<SvgItemConfig, 'url'>;\n}\n\nexport interface SvgItemConfig {\n    url: string;\n    id: string;\n}\n\nexport type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot' | 'base';\n\nexport enum IllustratedMessageTypes {\n    SCENE = 'scene',\n    DIALOG = 'dialog',\n    SPOT = 'spot',\n    DOT = 'dot',\n    BASE = 'base'\n}\n\nlet illustratedMessageUniqueId = 0;\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message]',\n    templateUrl: './illustrated-message.component.html',\n    styleUrl: './illustrated-message.component.scss',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: []\n})\nexport class IllustratedMessageComponent implements AfterContentChecked, OnChanges, OnDestroy, OnInit, CssClassBuilder {\n    /**\n     * The type of the Illustrated Message\n     * Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.\n     */\n    @Input()\n    type: IllustratedMessageType;\n\n    /**\n     * An object containing url and id for each type used to construct the svg href\n     * For 'scene' type 'scene' and 'dialog' values are required\n     * In small screens (less than 600px) 'dialog' svg will be applied for 'scene' type\n     */\n    @Input()\n    svgConfig: SvgConfig;\n\n    /**\n     * aria-label for the svg\n     */\n    @Input()\n    svgAriaLabel: Nullable<string>;\n\n    /**\n     * When set to true will remove the illustration from the Illustrated Message\n     * The default is set to false\n     */\n    @Input()\n    noSvg = false;\n\n    /**\n     * Id of the Illustrated Message\n     * If not provided, a default one is generated\n     */\n    @Input()\n    @HostBinding('attr.id')\n    id: string = 'fd-illustrated-message-' + illustratedMessageUniqueId++;\n\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** @hidden */\n    _href: string;\n\n    /** @hidden */\n    _isSmallScreen: boolean;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        private _cdRef: ChangeDetectorRef\n    ) {}\n\n    /**\n     * @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            'fd-illustrated-message',\n            this.type ? `fd-illustrated-message--${this.type}` : '',\n            this.class || ''\n        ].filter(Boolean);\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        if ('svgConfig' in changes) {\n            this._constructHref();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        const resizeSubscription = fromEvent(window, 'resize')\n            .pipe(debounceTime(200)) // reduce frequent calls during window resizing\n            .subscribe(() => this._constructHref());\n        this._subscriptions.add(resizeSubscription);\n    }\n\n    /** @hidden */\n    ngAfterContentChecked(): void {\n        this._constructHref();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden */\n    private _constructHref(): void {\n        const containerWidth = this.elementRef.nativeElement.offsetWidth;\n        let tempType = this.type;\n        if (!this.type && containerWidth > 0) {\n            tempType = this._determineIllustratedMessageType(containerWidth);\n        }\n\n        this._href = this.svgConfig ? this._getHrefByType(tempType, this.svgConfig) : '';\n        this.buildComponentCssClass();\n\n        this._cdRef.markForCheck();\n    }\n\n    /** @hidden */\n    private _determineIllustratedMessageType(width: number): IllustratedMessageType {\n        if (width >= 682) {\n            return IllustratedMessageTypes.SCENE;\n        } else if (width >= 361) {\n            return IllustratedMessageTypes.DIALOG;\n        } else if (width >= 261) {\n            return IllustratedMessageTypes.SPOT;\n        } else if (width >= 161) {\n            return IllustratedMessageTypes.DOT;\n        }\n\n        return IllustratedMessageTypes.BASE;\n    }\n\n    /** @hidden */\n    private _getHrefByType(type: IllustratedMessageType, svgConfig: SvgConfig): string {\n        switch (type) {\n            case IllustratedMessageTypes.SCENE:\n                return `${svgConfig.scene?.url || ''}#${svgConfig.scene?.id}`;\n            case IllustratedMessageTypes.DIALOG:\n                return `${svgConfig.dialog?.url || ''}#${svgConfig.dialog?.id}`;\n            case IllustratedMessageTypes.SPOT:\n                return `${svgConfig.spot?.url || ''}#${svgConfig.spot?.id}`;\n            case IllustratedMessageTypes.DOT:\n                return `${svgConfig.dot?.url || ''}#${svgConfig.dot?.id}`;\n            default:\n                return '';\n        }\n    }\n}\n","<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg) {\n        <svg class=\"fd-illustrated-message__illustration\" [attr.aria-label]=\"svgAriaLabel\">\n            <use [attr.href]=\"_href\"></use>\n        </svg>\n    }\n    <ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n</div>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { IllustratedMessageActionsComponent } from './components/illustrated-message-actions/illustrated-message-actions.component';\nimport { IllustratedMessageComponent } from './illustrated-message.component';\n// eslint-disable-next-line max-len\nimport { IllustratedMessageFigcaptionComponent } from './components/illustrated-message-figcaption/illustrated-message-figcaption.component';\nimport { IllustratedMessageTextDirective } from './directives/illustrated-message-text/illustrated-message-text.directive';\nimport { IllustratedMessageTitleDirective } from './directives/illustrated-message-title/illustrated-message-title.directive';\n\nconst components = [\n    IllustratedMessageComponent,\n    IllustratedMessageActionsComponent,\n    IllustratedMessageFigcaptionComponent,\n    IllustratedMessageTextDirective,\n    IllustratedMessageTitleDirective\n];\n\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/illustrated-message/illustrated-message.component.d.ts

@@ -1,17 +1,15 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { AfterContentChecked, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { CssClassBuilder, Nullable, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';
 import * as i0 from "@angular/core";
 export interface SvgConfig {
-    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
-    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
-    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
-    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
+    scene?: RequireOnlyOne<SvgItemConfig, 'url'>;
+    dialog?: RequireOnlyOne<SvgItemConfig, 'url'>;
+    spot?: RequireOnlyOne<SvgItemConfig, 'url'>;
+    dot?: RequireOnlyOne<SvgItemConfig, 'url'>;
 }
 export interface SvgItemConfig {
     url: string;
     id: string;
-    file: string;
 }
 export type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot' | 'base';
 export declare enum IllustratedMessageTypes {
@@ -21,14 +19,12 @@ export declare enum IllustratedMessageTypes {
     DOT = "dot",
     BASE = "base"
 }
-export declare class IllustratedMessageComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit, CssClassBuilder {
+export declare class IllustratedMessageComponent implements AfterContentChecked, OnChanges, OnDestroy, OnInit, CssClassBuilder {
     readonly elementRef: ElementRef;
     private _cdRef;
-    private _sanitizer;
     /**
      * The type of the Illustrated Message
      * Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.
-     * The default type is set to 'scene'
      */
     type: IllustratedMessageType;
     /**
@@ -58,13 +54,9 @@ export declare class IllustratedMessageComponent implements AfterViewInit, OnCha
     /** @hidden */
     _isSmallScreen: boolean;
     /** @hidden */
-    _inlineSvg: SafeHtml | undefined;
-    /** @hidden */
-    _containerWidth: number;
-    /** @hidden */
     private _subscriptions;
     /** @hidden */
-    constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef, _sanitizer: DomSanitizer);
+    constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef);
     /**
      * @hidden
      * CssClassBuilder interface implementation
@@ -77,11 +69,15 @@ export declare class IllustratedMessageComponent implements AfterViewInit, OnCha
     /** @hidden */
     ngOnInit(): void;
     /** @hidden */
-    ngAfterViewInit(): void;
+    ngAfterContentChecked(): void;
     /** @hidden */
     ngOnDestroy(): void;
     /** @hidden */
     private _constructHref;
+    /** @hidden */
+    private _determineIllustratedMessageType;
+    /** @hidden */
+    private _getHrefByType;
     static ɵfac: i0.ɵɵFactoryDeclaration<IllustratedMessageComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IllustratedMessageComponent, "[fd-illustrated-message]", never, { "type": { "alias": "type"; "required": false; }; "svgConfig": { "alias": "svgConfig"; "required": false; }; "svgAriaLabel": { "alias": "svgAriaLabel"; "required": false; }; "noSvg": { "alias": "noSvg"; "required": false; }; "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["[fd-illustrated-message-figcaption]", "fd-illustrated-message-actions"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fundamental-ngx/core",
-  "version": "0.53.2",
+  "version": "0.54.0-rc.0",
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migrations.json"
@@ -23,8 +23,8 @@
     "@angular/forms": "^18.0.0",
     "@angular/platform-browser": "^18.0.0",
     "@angular/router": "^18.0.0",
-    "@fundamental-ngx/cdk": "0.53.2",
-    "@fundamental-ngx/i18n": "0.53.2",
+    "@fundamental-ngx/cdk": "0.54.0-rc.0",
+    "@fundamental-ngx/i18n": "0.54.0-rc.0",
     "@sap-theming/theming-base-content": "^11.22.0",
     "fundamental-styles": "0.38.0",
     "rxjs": "^7.8.0"