import * as i0 from '@angular/core';
import { ChangeDetectionStrategy, Component, HostBinding, Directive, Input, ViewEncapsulation, 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, debounceTime } from 'rxjs';

class IllustratedMessageActionsComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: IllustratedMessageActionsComponent, isStandalone: true, selector: "fd-illustrated-message-actions", host: { classAttribute: "fd-illustrated-message__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageActionsComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'fd-illustrated-message-actions',
                    template: `<ng-content></ng-content>`,
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    host: {
                        class: 'fd-illustrated-message__actions'
                    },
                    standalone: true
                }]
        }] });

class IllustratedMessageFigcaptionComponent {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageFigcaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: IllustratedMessageFigcaptionComponent, isStandalone: true, selector: "[fd-illustrated-message-figcaption]", host: { classAttribute: "fd-illustrated-message__figcaption" }, ngImport: i0, template: `
        <ng-content select="[fd-illustrated-message-title]"></ng-content>
        <ng-content select="[fd-illustrated-message-text]"></ng-content>
    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageFigcaptionComponent, decorators: [{
            type: Component,
            args: [{
                    // eslint-disable-next-line @angular-eslint/component-selector
                    selector: '[fd-illustrated-message-figcaption]',
                    template: `
        <ng-content select="[fd-illustrated-message-title]"></ng-content>
        <ng-content select="[fd-illustrated-message-text]"></ng-content>
    `,
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    host: {
                        class: 'fd-illustrated-message__figcaption'
                    },
                    standalone: true
                }]
        }] });

class IllustratedMessageTextDirective {
    constructor() {
        /** @hidden */
        this.fdIllustratedMessageTextClass = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: IllustratedMessageTextDirective, isStandalone: true, selector: "[fd-illustrated-message-text]", host: { properties: { "class.fd-illustrated-message__text": "this.fdIllustratedMessageTextClass" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageTextDirective, decorators: [{
            type: Directive,
            args: [{
                    // TODO to be discussed
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-illustrated-message-text]',
                    standalone: true
                }]
        }], propDecorators: { fdIllustratedMessageTextClass: [{
                type: HostBinding,
                args: ['class.fd-illustrated-message__text']
            }] } });

class IllustratedMessageTitleDirective {
    constructor() {
        /** @hidden */
        this.fdIllustratedMessageTitleClass = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: IllustratedMessageTitleDirective, isStandalone: true, selector: "[fd-illustrated-message-title]", host: { properties: { "class.fd-illustrated-message__title": "this.fdIllustratedMessageTitleClass" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageTitleDirective, decorators: [{
            type: Directive,
            args: [{
                    // TODO to be discussed
                    // eslint-disable-next-line @angular-eslint/directive-selector
                    selector: '[fd-illustrated-message-title]',
                    standalone: true
                }]
        }], propDecorators: { fdIllustratedMessageTitleClass: [{
                type: HostBinding,
                args: ['class.fd-illustrated-message__title']
            }] } });

var IllustratedMessageTypes;
(function (IllustratedMessageTypes) {
    IllustratedMessageTypes["LARGE"] = "large";
    IllustratedMessageTypes["MEDIUM"] = "medium";
    IllustratedMessageTypes["SMALL"] = "small";
    IllustratedMessageTypes["EXTRA_SMALL"] = "xsmall";
    IllustratedMessageTypes["BASE"] = "base";
    IllustratedMessageTypes["SCENE"] = "scene";
    IllustratedMessageTypes["DIALOG"] = "dialog";
    IllustratedMessageTypes["SPOT"] = "spot";
    IllustratedMessageTypes["DOT"] = "dot";
})(IllustratedMessageTypes || (IllustratedMessageTypes = {}));
let illustratedMessageUniqueId = 0;
class IllustratedMessageComponent {
    constructor(elementRef, _cdRef, _sanitizer) {
        this.elementRef = elementRef;
        this._cdRef = _cdRef;
        this._sanitizer = _sanitizer;
        this.noSvg = false;
        this.id = 'fd-illustrated-message-' + illustratedMessageUniqueId++;
        this._subscriptions = new Subscription();
    }
    buildComponentCssClass() {
        return [
            'fd-illustrated-message',
            this._tempType ? `fd-illustrated-message--${this._tempType}` : '',
            this.class || ''
        ].filter(Boolean);
    }
    ngOnChanges(changes) {
        if ('svgConfig' in changes) {
            this._constructHref();
        }
    }
    ngOnInit() {
        const resizeSubscription = fromEvent(window, 'resize')
            .pipe(debounceTime(200))
            .subscribe(() => this._constructHref());
        this._subscriptions.add(resizeSubscription);
    }
    ngAfterContentChecked() {
        this._constructHref();
    }
    ngOnDestroy() {
        this._subscriptions.unsubscribe();
    }
    _constructHref() {
        this._inlineSvg = undefined;
        const containerWidth = this.elementRef.nativeElement.offsetWidth;
        const normalizedType = this._normalizeType(this.type);
        this._tempType = this.type ? normalizedType : this._determineIllustratedMessageType(containerWidth);
        const normalizedConfig = this._normalizeSvgConfig(this.svgConfig);
        const inlineSvg = normalizedConfig?.[this._tempType]?.file;
        if (inlineSvg) {
            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);
        }
        this._href = normalizedConfig ? this._getHrefByType(this._tempType, normalizedConfig) : '';
        this.buildComponentCssClass();
        this._cdRef.markForCheck();
    }
    _determineIllustratedMessageType(width) {
        if (width >= 682) {
            return IllustratedMessageTypes.LARGE;
        }
        else if (width >= 361) {
            return IllustratedMessageTypes.MEDIUM;
        }
        else if (width >= 261) {
            return IllustratedMessageTypes.SMALL;
        }
        else if (width >= 161) {
            return IllustratedMessageTypes.EXTRA_SMALL;
        }
        return IllustratedMessageTypes.BASE;
    }
    _normalizeType(type) {
        switch (type) {
            case 'scene':
                return 'large';
            case 'dialog':
                return 'medium';
            case 'spot':
                return 'small';
            case 'dot':
                return 'xsmall';
            default:
                return type;
        }
    }
    _normalizeSvgConfig(config) {
        return {
            large: config.large || config.scene,
            medium: config.medium || config.dialog,
            small: config.small || config.spot,
            xsmall: config.xsmall || config.dot
        };
    }
    _getHrefByType(type, svgConfig) {
        switch (type) {
            case 'large':
                return `${svgConfig.large?.url || ''}#${svgConfig.large?.id}`;
            case 'medium':
                return `${svgConfig.medium?.url || ''}#${svgConfig.medium?.id}`;
            case 'small':
                return `${svgConfig.small?.url || ''}#${svgConfig.small?.id}`;
            case 'xsmall':
                return `${svgConfig.xsmall?.url || ''}#${svgConfig.xsmall?.id}`;
            default:
                return '';
        }
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.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: "19.2.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    @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;font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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;width:100%;text-align:center;max-width:var(--illustratedMessageMaxWidth);padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding)}.fd-illustrated-message:before,.fd-illustrated-message:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100%;height:100%;container-type:inline-size}.fd-illustrated-message-responsive-container:before,.fd-illustrated-message-responsive-container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:var(--containerFlexAlignment, center);-ms-flex-align:var(--containerFlexAlignment, center);align-items:var(--containerFlexAlignment, center);-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:before,.fd-illustrated-message__container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:auto;height:auto;display:var(--illustrationDisplay);min-width:var(--illustrationMinWidth);min-height:var(--illustrationMinHeight);max-width:var(--illustrationMaxWidth);max-height:var(--illustrationMaxHeight);margin-block:var(--illustrationMarginBlock);margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd)}.fd-illustrated-message__illustration:before,.fd-illustrated-message__illustration:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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;overflow:hidden;max-width:var(--figcaptionMaxWidth)}.fd-illustrated-message__figcaption:before,.fd-illustrated-message__figcaption:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:100%;text-align:center;font-size:var(--titleFontSize);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:before,.fd-illustrated-message__title:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;text-wrap:wrap;text-align:center;line-height:1.5;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:before,.fd-illustrated-message__text:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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:before,.fd-illustrated-message__actions:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog,.fd-illustrated-message--medium{--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,.fd-illustrated-message--small{--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,.fd-illustrated-message--xsmall{--illustratedMessagePadding: .25rem;--containerFlexDirection: row;--containerFlexAlignment: flex-start;--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;--containerFlexAlignment: flex-start;--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{width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
__decorate([
    applyCssClass,
    __metadata("design:type", Function),
    __metadata("design:paramtypes", []),
    __metadata("design:returntype", Array)
], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
            type: Component,
            args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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    @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;font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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;width:100%;text-align:center;max-width:var(--illustratedMessageMaxWidth);padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding)}.fd-illustrated-message:before,.fd-illustrated-message:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100%;height:100%;container-type:inline-size}.fd-illustrated-message-responsive-container:before,.fd-illustrated-message-responsive-container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:var(--containerFlexAlignment, center);-ms-flex-align:var(--containerFlexAlignment, center);align-items:var(--containerFlexAlignment, center);-ms-flex-direction:var(--containerFlexDirection);flex-direction:var(--containerFlexDirection)}.fd-illustrated-message__container:before,.fd-illustrated-message__container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:auto;height:auto;display:var(--illustrationDisplay);min-width:var(--illustrationMinWidth);min-height:var(--illustrationMinHeight);max-width:var(--illustrationMaxWidth);max-height:var(--illustrationMaxHeight);margin-block:var(--illustrationMarginBlock);margin-inline:var(--illustrationMarginInlineStart) var(--illustrationMarginInlineEnd)}.fd-illustrated-message__illustration:before,.fd-illustrated-message__illustration:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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;overflow:hidden;max-width:var(--figcaptionMaxWidth)}.fd-illustrated-message__figcaption:before,.fd-illustrated-message__figcaption:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:100%;text-align:center;font-size:var(--titleFontSize);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontHeaderFamily);-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:before,.fd-illustrated-message__title:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;text-wrap:wrap;text-align:center;line-height:1.5;-webkit-margin-after:var(--textMarginBottom);margin-block-end:var(--textMarginBottom)}.fd-illustrated-message__text:before,.fd-illustrated-message__text:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-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:before,.fd-illustrated-message__actions:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog,.fd-illustrated-message--medium{--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,.fd-illustrated-message--small{--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,.fd-illustrated-message--xsmall{--illustratedMessagePadding: .25rem;--containerFlexDirection: row;--containerFlexAlignment: flex-start;--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;--containerFlexAlignment: flex-start;--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{width:100%}\n"] }]
        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { type: [{
                type: Input
            }], svgConfig: [{
                type: Input
            }], svgAriaLabel: [{
                type: Input
            }], noSvg: [{
                type: Input
            }], id: [{
                type: Input
            }, {
                type: HostBinding,
                args: ['attr.id']
            }], class: [{
                type: Input
            }], buildComponentCssClass: [] } });

const components = [
    IllustratedMessageComponent,
    IllustratedMessageActionsComponent,
    IllustratedMessageFigcaptionComponent,
    IllustratedMessageTextDirective,
    IllustratedMessageTitleDirective
];
class IllustratedMessageModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageModule, imports: [IllustratedMessageComponent,
            IllustratedMessageActionsComponent,
            IllustratedMessageFigcaptionComponent,
            IllustratedMessageTextDirective,
            IllustratedMessageTitleDirective], exports: [IllustratedMessageComponent,
            IllustratedMessageActionsComponent,
            IllustratedMessageFigcaptionComponent,
            IllustratedMessageTextDirective,
            IllustratedMessageTitleDirective] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageModule }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: IllustratedMessageModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [...components],
                    exports: [...components]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { IllustratedMessageActionsComponent, IllustratedMessageComponent, IllustratedMessageFigcaptionComponent, IllustratedMessageModule, IllustratedMessageTextDirective, IllustratedMessageTitleDirective, IllustratedMessageTypes };
//# sourceMappingURL=fundamental-ngx-core-illustrated-message.mjs.map
