@fundamental-ngx/core 0.54.0 → 0.54.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/illustrated-message/illustrated-message.component.mjs +14 -6
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +12 -5
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/illustrated-message/illustrated-message.component.d.ts +10 -5
- package/package.json +3 -3
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
3
4
|
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
4
5
|
import { Subscription, debounceTime, fromEvent } from 'rxjs';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/platform-browser";
|
|
6
8
|
export var IllustratedMessageTypes;
|
|
7
9
|
(function (IllustratedMessageTypes) {
|
|
8
10
|
IllustratedMessageTypes["SCENE"] = "scene";
|
|
@@ -14,9 +16,10 @@ export var IllustratedMessageTypes;
|
|
|
14
16
|
let illustratedMessageUniqueId = 0;
|
|
15
17
|
export class IllustratedMessageComponent {
|
|
16
18
|
/** @hidden */
|
|
17
|
-
constructor(elementRef, _cdRef) {
|
|
19
|
+
constructor(elementRef, _cdRef, _sanitizer) {
|
|
18
20
|
this.elementRef = elementRef;
|
|
19
21
|
this._cdRef = _cdRef;
|
|
22
|
+
this._sanitizer = _sanitizer;
|
|
20
23
|
/**
|
|
21
24
|
* When set to true will remove the illustration from the Illustrated Message
|
|
22
25
|
* The default is set to false
|
|
@@ -66,11 +69,16 @@ export class IllustratedMessageComponent {
|
|
|
66
69
|
}
|
|
67
70
|
/** @hidden */
|
|
68
71
|
_constructHref() {
|
|
72
|
+
this._inlineSvg = undefined;
|
|
69
73
|
const containerWidth = this.elementRef.nativeElement.offsetWidth;
|
|
70
74
|
let tempType = this.type;
|
|
71
75
|
if (!this.type && containerWidth > 0) {
|
|
72
76
|
tempType = this._determineIllustratedMessageType(containerWidth);
|
|
73
77
|
}
|
|
78
|
+
const inlineSvg = this.svgConfig?.[tempType]?.file;
|
|
79
|
+
if (inlineSvg) {
|
|
80
|
+
this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);
|
|
81
|
+
}
|
|
74
82
|
this._href = this.svgConfig ? this._getHrefByType(tempType, this.svgConfig) : '';
|
|
75
83
|
this.buildComponentCssClass();
|
|
76
84
|
this._cdRef.markForCheck();
|
|
@@ -106,8 +114,8 @@ export class IllustratedMessageComponent {
|
|
|
106
114
|
return '';
|
|
107
115
|
}
|
|
108
116
|
}
|
|
109
|
-
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 }); }
|
|
110
|
-
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 }); }
|
|
117
|
+
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 }); }
|
|
118
|
+
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 @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 }); }
|
|
111
119
|
}
|
|
112
120
|
__decorate([
|
|
113
121
|
applyCssClass,
|
|
@@ -117,8 +125,8 @@ __decorate([
|
|
|
117
125
|
], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
|
|
118
126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
|
|
119
127
|
type: Component,
|
|
120
|
-
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"] }]
|
|
121
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
|
|
128
|
+
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 @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"] }]
|
|
129
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { type: [{
|
|
122
130
|
type: Input
|
|
123
131
|
}], svgConfig: [{
|
|
124
132
|
type: Input
|
|
@@ -134,4 +142,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
134
142
|
}], class: [{
|
|
135
143
|
type: Input
|
|
136
144
|
}], buildComponentCssClass: [] } });
|
|
137
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvaWxsdXN0cmF0ZWQtbWVzc2FnZS9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9pbGx1c3RyYXRlZC1tZXNzYWdlL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFLTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUE2QyxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RyxPQUFPLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBZ0I3RCxNQUFNLENBQU4sSUFBWSx1QkFNWDtBQU5ELFdBQVksdUJBQXVCO0lBQy9CLDBDQUFlLENBQUE7SUFDZiw0Q0FBaUIsQ0FBQTtJQUNqQix3Q0FBYSxDQUFBO0lBQ2Isc0NBQVcsQ0FBQTtJQUNYLHdDQUFhLENBQUE7QUFDakIsQ0FBQyxFQU5XLHVCQUF1QixLQUF2Qix1QkFBdUIsUUFNbEM7QUFFRCxJQUFJLDBCQUEwQixHQUFHLENBQUMsQ0FBQztBQVluQyxNQUFNLE9BQU8sMkJBQTJCO0lBa0RwQyxjQUFjO0lBQ2QsWUFDb0IsVUFBc0IsRUFDOUIsTUFBeUI7UUFEakIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUM5QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQS9CckM7OztXQUdHO1FBRUgsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUVkOzs7V0FHRztRQUdILE9BQUUsR0FBVyx5QkFBeUIsR0FBRywwQkFBMEIsRUFBRSxDQUFDO1FB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RUFBRSxDQUFDO1lBQ2xFLEtBQUssdUJBQXVCLENBQUMsTUFBTTtnQkFDL0IsT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ3BFLEtBQUssdUJBQXVCLENBQUMsSUFBSTtnQkFDN0IsT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ2hFLEtBQUssdUJBQXVCLENBQUMsR0FBRztnQkFDNUIsT0FBTyxHQUFHLFNBQVMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJLEVBQUUsSUFBSSxTQUFTLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQzlEO2dCQUNJLE9BQU8sRUFBRSxDQUFDO1FBQ2xCLENBQUM7SUFDTCxDQUFDOzhHQTNJUSwyQkFBMkI7a0dBQTNCLDJCQUEyQixtUkNuRHhDLDJZQVNBOztBRHlHSTtJQURDLGFBQWE7Ozs7eUVBT2I7MkZBckVRLDJCQUEyQjtrQkFWdkMsU0FBUzsrQkFFSSwwQkFBMEIsaUJBR3JCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLEVBQUU7K0dBUVgsSUFBSTtzQkFESCxLQUFLO2dCQVNOLFNBQVM7c0JBRFIsS0FBSztnQkFPTixZQUFZO3NCQURYLEtBQUs7Z0JBUU4sS0FBSztzQkFESixLQUFLO2dCQVNOLEVBQUU7c0JBRkQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxTQUFTO2dCQUt0QixLQUFLO3NCQURKLEtBQUs7Z0JBeUJOLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3NzQ2xhc3NCdWlsZGVyLCBOdWxsYWJsZSwgUmVxdWlyZU9ubHlPbmUsIGFwcGx5Q3NzQ2xhc3MgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGRlYm91bmNlVGltZSwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnQ29uZmlnIHtcbiAgICBzY2VuZT86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnPjtcbiAgICBkaWFsb2c/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJz47XG4gICAgc3BvdD86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnPjtcbiAgICBkb3Q/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnSXRlbUNvbmZpZyB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgaWQ6IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSA9ICdzY2VuZScgfCAnZGlhbG9nJyB8ICdzcG90JyB8ICdkb3QnIHwgJ2Jhc2UnO1xuXG5leHBvcnQgZW51bSBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcyB7XG4gICAgU0NFTkUgPSAnc2NlbmUnLFxuICAgIERJQUxPRyA9ICdkaWFsb2cnLFxuICAgIFNQT1QgPSAnc3BvdCcsXG4gICAgRE9UID0gJ2RvdCcsXG4gICAgQkFTRSA9ICdiYXNlJ1xufVxuXG5sZXQgaWxsdXN0cmF0ZWRNZXNzYWdlVW5pcXVlSWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnW2ZkLWlsbHVzdHJhdGVkLW1lc3NhZ2VdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBJbGx1c3RyYXRlZE1lc3NhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRDaGVja2VkLCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0LCBDc3NDbGFzc0J1aWxkZXIge1xuICAgIC8qKlxuICAgICAqIFRoZSB0eXBlIG9mIHRoZSBJbGx1c3RyYXRlZCBNZXNzYWdlXG4gICAgICogT3B0aW9ucyBpbmNsdWRlOiAnc2NlbmUnIHwgJ3Nwb3QnIHwgJ2RpYWxvZycgfCAnZG90JyB8ICdiYXNlJy5cbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHR5cGU6IElsbHVzdHJhdGVkTWVzc2FnZVR5cGU7XG5cbiAgICAvKipcbiAgICAgKiBBbiBvYmplY3QgY29udGFpbmluZyB1cmwgYW5kIGlkIGZvciBlYWNoIHR5cGUgdXNlZCB0byBjb25zdHJ1Y3QgdGhlIHN2ZyBocmVmXG4gICAgICogRm9yICdzY2VuZScgdHlwZSAnc2NlbmUnIGFuZCAnZGlhbG9nJyB2YWx1ZXMgYXJlIHJlcXVpcmVkXG4gICAgICogSW4gc21hbGwgc2NyZWVucyAobGVzcyB0aGFuIDYwMHB4KSAnZGlhbG9nJyBzdmcgd2lsbCBiZSBhcHBsaWVkIGZvciAnc2NlbmUnIHR5cGVcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHN2Z0NvbmZpZzogU3ZnQ29uZmlnO1xuXG4gICAgLyoqXG4gICAgICogYXJpYS1sYWJlbCBmb3IgdGhlIHN2Z1xuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc3ZnQXJpYUxhYmVsOiBOdWxsYWJsZTxzdHJpbmc+O1xuXG4gICAgLyoqXG4gICAgICogV2hlbiBzZXQgdG8gdHJ1ZSB3aWxsIHJlbW92ZSB0aGUgaWxsdXN0cmF0aW9uIGZyb20gdGhlIElsbHVzdHJhdGVkIE1lc3NhZ2VcbiAgICAgKiBUaGUgZGVmYXVsdCBpcyBzZXQgdG8gZmFsc2VcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIG5vU3ZnID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBJZCBvZiB0aGUgSWxsdXN0cmF0ZWQgTWVzc2FnZVxuICAgICAqIElmIG5vdCBwcm92aWRlZCwgYSBkZWZhdWx0IG9uZSBpcyBnZW5lcmF0ZWRcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5pZCcpXG4gICAgaWQ6IHN0cmluZyA9ICdmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLScgKyBpbGx1c3RyYXRlZE1lc3NhZ2VVbmlxdWVJZCsrO1xuXG4gICAgLyoqIFVzZXIncyBjdXN0b20gY2xhc3NlcyAqL1xuICAgIEBJbnB1dCgpXG4gICAgY2xhc3M6IHN0cmluZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2hyZWY6IHN0cmluZztcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgX2lzU21hbGxTY3JlZW46IGJvb2xlYW47XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX3N1YnNjcmlwdGlvbnMgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBfY2RSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICAgKSB7fVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqIENzc0NsYXNzQnVpbGRlciBpbnRlcmZhY2UgaW1wbGVtZW50YXRpb25cbiAgICAgKiBmdW5jdGlvbiBtdXN0IHJldHVybiBzaW5nbGUgc3RyaW5nXG4gICAgICogZnVuY3Rpb24gaXMgcmVzcG9uc2libGUgZm9yIG9yZGVyIHdoaWNoIGNzcyBjbGFzc2VzIGFyZSBhcHBsaWVkXG4gICAgICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdmZC1pbGx1c3RyYXRlZC1tZXNzYWdlJyxcbiAgICAgICAgICAgIHRoaXMudHlwZSA/IGBmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLS0ke3RoaXMudHlwZX1gIDogJycsXG4gICAgICAgICAgICB0aGlzLmNsYXNzIHx8ICcnXG4gICAgICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ3N2Z0NvbmZpZycgaW4gY2hhbmdlcykge1xuICAgICAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgcmVzaXplU3Vic2NyaXB0aW9uID0gZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpXG4gICAgICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoMjAwKSkgLy8gcmVkdWNlIGZyZXF1ZW50IGNhbGxzIGR1cmluZyB3aW5kb3cgcmVzaXppbmdcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY29uc3RydWN0SHJlZigpKTtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy5hZGQocmVzaXplU3Vic2NyaXB0aW9uKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbnMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2NvbnN0cnVjdEhyZWYoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lcldpZHRoID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XG4gICAgICAgIGxldCB0ZW1wVHlwZSA9IHRoaXMudHlwZTtcbiAgICAgICAgaWYgKCF0aGlzLnR5cGUgJiYgY29udGFpbmVyV2lkdGggPiAwKSB7XG4gICAgICAgICAgICB0ZW1wVHlwZSA9IHRoaXMuX2RldGVybWluZUlsbHVzdHJhdGVkTWVzc2FnZVR5cGUoY29udGFpbmVyV2lkdGgpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5faHJlZiA9IHRoaXMuc3ZnQ29uZmlnID8gdGhpcy5fZ2V0SHJlZkJ5VHlwZSh0ZW1wVHlwZSwgdGhpcy5zdmdDb25maWcpIDogJyc7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuXG4gICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfZGV0ZXJtaW5lSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSh3aWR0aDogbnVtYmVyKTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSB7XG4gICAgICAgIGlmICh3aWR0aCA+PSA2ODIpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5TQ0VORTtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAzNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ESUFMT0c7XG4gICAgICAgIH0gZWxzZSBpZiAod2lkdGggPj0gMjYxKSB7XG4gICAgICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAxNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ET1Q7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuQkFTRTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2dldEhyZWZCeVR5cGUodHlwZTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSwgc3ZnQ29uZmlnOiBTdmdDb25maWcpOiBzdHJpbmcge1xuICAgICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU0NFTkU6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3N2Z0NvbmZpZy5zY2VuZT8udXJsIHx8ICcnfSMke3N2Z0NvbmZpZy5zY2VuZT8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRElBTE9HOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZGlhbG9nPy51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRpYWxvZz8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDpcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7c3ZnQ29uZmlnLnNwb3Q/LnVybCB8fCAnJ30jJHtzdmdDb25maWcuc3BvdD8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRE9UOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZG90Py51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRvdD8uaWR9YDtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZkLWlsbHVzdHJhdGVkLW1lc3NhZ2VfX2NvbnRhaW5lclwiPlxuICAgIEBpZiAoIW5vU3ZnKSB7XG4gICAgICAgIDxzdmcgY2xhc3M9XCJmZC1pbGx1c3RyYXRlZC1tZXNzYWdlX19pbGx1c3RyYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cInN2Z0FyaWFMYWJlbFwiPlxuICAgICAgICAgICAgPHVzZSBbYXR0ci5ocmVmXT1cIl9ocmVmXCI+PC91c2U+XG4gICAgICAgIDwvc3ZnPlxuICAgIH1cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS1maWdjYXB0aW9uXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuIl19
|
|
145
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0ZWQtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvaWxsdXN0cmF0ZWQtbWVzc2FnZS9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9pbGx1c3RyYXRlZC1tZXNzYWdlL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFLTCxpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBNkMsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFpQjdELE1BQU0sQ0FBTixJQUFZLHVCQU1YO0FBTkQsV0FBWSx1QkFBdUI7SUFDL0IsMENBQWUsQ0FBQTtJQUNmLDRDQUFpQixDQUFBO0lBQ2pCLHdDQUFhLENBQUE7SUFDYixzQ0FBVyxDQUFBO0lBQ1gsd0NBQWEsQ0FBQTtBQUNqQixDQUFDLEVBTlcsdUJBQXVCLEtBQXZCLHVCQUF1QixRQU1sQztBQUVELElBQUksMEJBQTBCLEdBQUcsQ0FBQyxDQUFDO0FBWW5DLE1BQU0sT0FBTywyQkFBMkI7SUFxRHBDLGNBQWM7SUFDZCxZQUNvQixVQUFzQixFQUM5QixNQUF5QixFQUN6QixVQUF3QjtRQUZoQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQzlCLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBQ3pCLGVBQVUsR0FBVixVQUFVLENBQWM7UUFuQ3BDOzs7V0FHRztR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STtzQkFESCxLQUFLO2dCQVNOLFNBQVM7c0JBRFIsS0FBSztnQkFPTixZQUFZO3NCQURYLEtBQUs7Z0JBUU4sS0FBSztzQkFESixLQUFLO2dCQVNOLEVBQUU7c0JBRkQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxTQUFTO2dCQUt0QixLQUFLO3NCQURKLEtBQUs7Z0JBNkJOLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgQ3NzQ2xhc3NCdWlsZGVyLCBOdWxsYWJsZSwgUmVxdWlyZU9ubHlPbmUsIGFwcGx5Q3NzQ2xhc3MgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2Nkay91dGlscyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24sIGRlYm91bmNlVGltZSwgZnJvbUV2ZW50IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnQ29uZmlnIHtcbiAgICBzY2VuZT86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnIHwgJ2ZpbGUnPjtcbiAgICBkaWFsb2c/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJyB8ICdmaWxlJz47XG4gICAgc3BvdD86IFJlcXVpcmVPbmx5T25lPFN2Z0l0ZW1Db25maWcsICd1cmwnIHwgJ2ZpbGUnPjtcbiAgICBkb3Q/OiBSZXF1aXJlT25seU9uZTxTdmdJdGVtQ29uZmlnLCAndXJsJyB8ICdmaWxlJz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3ZnSXRlbUNvbmZpZyB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgaWQ6IHN0cmluZztcbiAgICBmaWxlOiBzdHJpbmc7XG59XG5cbmV4cG9ydCB0eXBlIElsbHVzdHJhdGVkTWVzc2FnZVR5cGUgPSAnc2NlbmUnIHwgJ2RpYWxvZycgfCAnc3BvdCcgfCAnZG90JyB8ICdiYXNlJztcblxuZXhwb3J0IGVudW0gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMge1xuICAgIFNDRU5FID0gJ3NjZW5lJyxcbiAgICBESUFMT0cgPSAnZGlhbG9nJyxcbiAgICBTUE9UID0gJ3Nwb3QnLFxuICAgIERPVCA9ICdkb3QnLFxuICAgIEJBU0UgPSAnYmFzZSdcbn1cblxubGV0IGlsbHVzdHJhdGVkTWVzc2FnZVVuaXF1ZUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1tmZC1pbGx1c3RyYXRlZC1tZXNzYWdlXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2lsbHVzdHJhdGVkLW1lc3NhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9pbGx1c3RyYXRlZC1tZXNzYWdlLmNvbXBvbmVudC5zY3NzJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW11cbn0pXG5leHBvcnQgY2xhc3MgSWxsdXN0cmF0ZWRNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50Q2hlY2tlZCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIE9uSW5pdCwgQ3NzQ2xhc3NCdWlsZGVyIHtcbiAgICAvKipcbiAgICAgKiBUaGUgdHlwZSBvZiB0aGUgSWxsdXN0cmF0ZWQgTWVzc2FnZVxuICAgICAqIE9wdGlvbnMgaW5jbHVkZTogJ3NjZW5lJyB8ICdzcG90JyB8ICdkaWFsb2cnIHwgJ2RvdCcgfCAnYmFzZScuXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICB0eXBlOiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlO1xuXG4gICAgLyoqXG4gICAgICogQW4gb2JqZWN0IGNvbnRhaW5pbmcgdXJsIGFuZCBpZCBmb3IgZWFjaCB0eXBlIHVzZWQgdG8gY29uc3RydWN0IHRoZSBzdmcgaHJlZlxuICAgICAqIEZvciAnc2NlbmUnIHR5cGUgJ3NjZW5lJyBhbmQgJ2RpYWxvZycgdmFsdWVzIGFyZSByZXF1aXJlZFxuICAgICAqIEluIHNtYWxsIHNjcmVlbnMgKGxlc3MgdGhhbiA2MDBweCkgJ2RpYWxvZycgc3ZnIHdpbGwgYmUgYXBwbGllZCBmb3IgJ3NjZW5lJyB0eXBlXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBzdmdDb25maWc6IFN2Z0NvbmZpZztcblxuICAgIC8qKlxuICAgICAqIGFyaWEtbGFiZWwgZm9yIHRoZSBzdmdcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHN2Z0FyaWFMYWJlbDogTnVsbGFibGU8c3RyaW5nPjtcblxuICAgIC8qKlxuICAgICAqIFdoZW4gc2V0IHRvIHRydWUgd2lsbCByZW1vdmUgdGhlIGlsbHVzdHJhdGlvbiBmcm9tIHRoZSBJbGx1c3RyYXRlZCBNZXNzYWdlXG4gICAgICogVGhlIGRlZmF1bHQgaXMgc2V0IHRvIGZhbHNlXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBub1N2ZyA9IGZhbHNlO1xuXG4gICAgLyoqXG4gICAgICogSWQgb2YgdGhlIElsbHVzdHJhdGVkIE1lc3NhZ2VcbiAgICAgKiBJZiBub3QgcHJvdmlkZWQsIGEgZGVmYXVsdCBvbmUgaXMgZ2VuZXJhdGVkXG4gICAgICovXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKVxuICAgIGlkOiBzdHJpbmcgPSAnZmQtaWxsdXN0cmF0ZWQtbWVzc2FnZS0nICsgaWxsdXN0cmF0ZWRNZXNzYWdlVW5pcXVlSWQrKztcblxuICAgIC8qKiBVc2VyJ3MgY3VzdG9tIGNsYXNzZXMgKi9cbiAgICBASW5wdXQoKVxuICAgIGNsYXNzOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9ocmVmOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIF9pc1NtYWxsU2NyZWVuOiBib29sZWFuO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBfaW5saW5lU3ZnOiBTYWZlSHRtbCB8IHVuZGVmaW5lZDtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9ucyA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIF9jZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIHByaXZhdGUgX3Nhbml0aXplcjogRG9tU2FuaXRpemVyXG4gICAgKSB7fVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqIENzc0NsYXNzQnVpbGRlciBpbnRlcmZhY2UgaW1wbGVtZW50YXRpb25cbiAgICAgKiBmdW5jdGlvbiBtdXN0IHJldHVybiBzaW5nbGUgc3RyaW5nXG4gICAgICogZnVuY3Rpb24gaXMgcmVzcG9uc2libGUgZm9yIG9yZGVyIHdoaWNoIGNzcyBjbGFzc2VzIGFyZSBhcHBsaWVkXG4gICAgICovXG4gICAgQGFwcGx5Q3NzQ2xhc3NcbiAgICBidWlsZENvbXBvbmVudENzc0NsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdmZC1pbGx1c3RyYXRlZC1tZXNzYWdlJyxcbiAgICAgICAgICAgIHRoaXMudHlwZSA/IGBmZC1pbGx1c3RyYXRlZC1tZXNzYWdlLS0ke3RoaXMudHlwZX1gIDogJycsXG4gICAgICAgICAgICB0aGlzLmNsYXNzIHx8ICcnXG4gICAgICAgIF0uZmlsdGVyKEJvb2xlYW4pO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoJ3N2Z0NvbmZpZycgaW4gY2hhbmdlcykge1xuICAgICAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgcmVzaXplU3Vic2NyaXB0aW9uID0gZnJvbUV2ZW50KHdpbmRvdywgJ3Jlc2l6ZScpXG4gICAgICAgICAgICAucGlwZShkZWJvdW5jZVRpbWUoMjAwKSkgLy8gcmVkdWNlIGZyZXF1ZW50IGNhbGxzIGR1cmluZyB3aW5kb3cgcmVzaXppbmdcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5fY29uc3RydWN0SHJlZigpKTtcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9ucy5hZGQocmVzaXplU3Vic2NyaXB0aW9uKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fY29uc3RydWN0SHJlZigpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbnMudW5zdWJzY3JpYmUoKTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2NvbnN0cnVjdEhyZWYoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2lubGluZVN2ZyA9IHVuZGVmaW5lZDtcbiAgICAgICAgY29uc3QgY29udGFpbmVyV2lkdGggPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcbiAgICAgICAgbGV0IHRlbXBUeXBlID0gdGhpcy50eXBlO1xuICAgICAgICBpZiAoIXRoaXMudHlwZSAmJiBjb250YWluZXJXaWR0aCA+IDApIHtcbiAgICAgICAgICAgIHRlbXBUeXBlID0gdGhpcy5fZGV0ZXJtaW5lSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZShjb250YWluZXJXaWR0aCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgaW5saW5lU3ZnID0gdGhpcy5zdmdDb25maWc/Llt0ZW1wVHlwZV0/LmZpbGU7XG4gICAgICAgIGlmIChpbmxpbmVTdmcpIHtcbiAgICAgICAgICAgIHRoaXMuX2lubGluZVN2ZyA9IHRoaXMuX3Nhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChpbmxpbmVTdmcpO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5faHJlZiA9IHRoaXMuc3ZnQ29uZmlnID8gdGhpcy5fZ2V0SHJlZkJ5VHlwZSh0ZW1wVHlwZSwgdGhpcy5zdmdDb25maWcpIDogJyc7XG4gICAgICAgIHRoaXMuYnVpbGRDb21wb25lbnRDc3NDbGFzcygpO1xuXG4gICAgICAgIHRoaXMuX2NkUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgcHJpdmF0ZSBfZGV0ZXJtaW5lSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSh3aWR0aDogbnVtYmVyKTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSB7XG4gICAgICAgIGlmICh3aWR0aCA+PSA2ODIpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5TQ0VORTtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAzNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ESUFMT0c7XG4gICAgICAgIH0gZWxzZSBpZiAod2lkdGggPj0gMjYxKSB7XG4gICAgICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDtcbiAgICAgICAgfSBlbHNlIGlmICh3aWR0aCA+PSAxNjEpIHtcbiAgICAgICAgICAgIHJldHVybiBJbGx1c3RyYXRlZE1lc3NhZ2VUeXBlcy5ET1Q7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuQkFTRTtcbiAgICB9XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHByaXZhdGUgX2dldEhyZWZCeVR5cGUodHlwZTogSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZSwgc3ZnQ29uZmlnOiBTdmdDb25maWcpOiBzdHJpbmcge1xuICAgICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU0NFTkU6XG4gICAgICAgICAgICAgICAgcmV0dXJuIGAke3N2Z0NvbmZpZy5zY2VuZT8udXJsIHx8ICcnfSMke3N2Z0NvbmZpZy5zY2VuZT8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRElBTE9HOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZGlhbG9nPy51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRpYWxvZz8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuU1BPVDpcbiAgICAgICAgICAgICAgICByZXR1cm4gYCR7c3ZnQ29uZmlnLnNwb3Q/LnVybCB8fCAnJ30jJHtzdmdDb25maWcuc3BvdD8uaWR9YDtcbiAgICAgICAgICAgIGNhc2UgSWxsdXN0cmF0ZWRNZXNzYWdlVHlwZXMuRE9UOlxuICAgICAgICAgICAgICAgIHJldHVybiBgJHtzdmdDb25maWcuZG90Py51cmwgfHwgJyd9IyR7c3ZnQ29uZmlnLmRvdD8uaWR9YDtcbiAgICAgICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICAgICAgcmV0dXJuICcnO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZkLWlsbHVzdHJhdGVkLW1lc3NhZ2VfX2NvbnRhaW5lclwiPlxuICAgIEBpZiAoIW5vU3ZnKSB7XG4gICAgICAgIDxzdmcgY2xhc3M9XCJmZC1pbGx1c3RyYXRlZC1tZXNzYWdlX19pbGx1c3RyYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cInN2Z0FyaWFMYWJlbFwiPlxuICAgICAgICAgICAgPHVzZSBbYXR0ci5ocmVmXT1cIl9ocmVmXCI+PC91c2U+XG4gICAgICAgIDwvc3ZnPlxuICAgIH1cbiAgICBAaWYgKF9pbmxpbmVTdmcpIHtcbiAgICAgICAgPGRpdiBbc3R5bGUuZGlzcGxheV09XCInbm9uZSdcIiBbaW5uZXJIVE1MXT1cIl9pbmxpbmVTdmdcIj48L2Rpdj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZkLWlsbHVzdHJhdGVkLW1lc3NhZ2UtZmlnY2FwdGlvbl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxuZy1jb250ZW50IHNlbGVjdD1cImZkLWlsbHVzdHJhdGVkLW1lc3NhZ2UtYWN0aW9uc1wiPjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Directive, HostBinding, ViewEncapsulation, Input, NgModule } from '@angular/core';
|
|
3
3
|
import { __decorate, __metadata } from 'tslib';
|
|
4
|
+
import * as i1 from '@angular/platform-browser';
|
|
4
5
|
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
5
6
|
import { Subscription, fromEvent, debounceTime } from 'rxjs';
|
|
6
7
|
|
|
@@ -98,9 +99,10 @@ var IllustratedMessageTypes;
|
|
|
98
99
|
let illustratedMessageUniqueId = 0;
|
|
99
100
|
class IllustratedMessageComponent {
|
|
100
101
|
/** @hidden */
|
|
101
|
-
constructor(elementRef, _cdRef) {
|
|
102
|
+
constructor(elementRef, _cdRef, _sanitizer) {
|
|
102
103
|
this.elementRef = elementRef;
|
|
103
104
|
this._cdRef = _cdRef;
|
|
105
|
+
this._sanitizer = _sanitizer;
|
|
104
106
|
/**
|
|
105
107
|
* When set to true will remove the illustration from the Illustrated Message
|
|
106
108
|
* The default is set to false
|
|
@@ -150,11 +152,16 @@ class IllustratedMessageComponent {
|
|
|
150
152
|
}
|
|
151
153
|
/** @hidden */
|
|
152
154
|
_constructHref() {
|
|
155
|
+
this._inlineSvg = undefined;
|
|
153
156
|
const containerWidth = this.elementRef.nativeElement.offsetWidth;
|
|
154
157
|
let tempType = this.type;
|
|
155
158
|
if (!this.type && containerWidth > 0) {
|
|
156
159
|
tempType = this._determineIllustratedMessageType(containerWidth);
|
|
157
160
|
}
|
|
161
|
+
const inlineSvg = this.svgConfig?.[tempType]?.file;
|
|
162
|
+
if (inlineSvg) {
|
|
163
|
+
this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);
|
|
164
|
+
}
|
|
158
165
|
this._href = this.svgConfig ? this._getHrefByType(tempType, this.svgConfig) : '';
|
|
159
166
|
this.buildComponentCssClass();
|
|
160
167
|
this._cdRef.markForCheck();
|
|
@@ -190,8 +197,8 @@ class IllustratedMessageComponent {
|
|
|
190
197
|
return '';
|
|
191
198
|
}
|
|
192
199
|
}
|
|
193
|
-
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 }); }
|
|
194
|
-
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 }); }
|
|
200
|
+
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 }); }
|
|
201
|
+
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 @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 }); }
|
|
195
202
|
}
|
|
196
203
|
__decorate([
|
|
197
204
|
applyCssClass,
|
|
@@ -201,8 +208,8 @@ __decorate([
|
|
|
201
208
|
], IllustratedMessageComponent.prototype, "buildComponentCssClass", null);
|
|
202
209
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
|
|
203
210
|
type: Component,
|
|
204
|
-
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"] }]
|
|
205
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
|
|
211
|
+
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 @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"] }]
|
|
212
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], propDecorators: { type: [{
|
|
206
213
|
type: Input
|
|
207
214
|
}], svgConfig: [{
|
|
208
215
|
type: Input
|
|
@@ -1 +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 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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"}
|
|
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 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 { DomSanitizer, SafeHtml } from '@angular/platform-browser';\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' | '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 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 _inlineSvg: SafeHtml | undefined;\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 [\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 this._inlineSvg = undefined;\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 const inlineSvg = this.svgConfig?.[tempType]?.file;\n if (inlineSvg) {\n this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);\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 @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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"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { AfterContentChecked, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
2
3
|
import { CssClassBuilder, Nullable, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export interface SvgConfig {
|
|
5
|
-
scene?: RequireOnlyOne<SvgItemConfig, 'url'>;
|
|
6
|
-
dialog?: RequireOnlyOne<SvgItemConfig, 'url'>;
|
|
7
|
-
spot?: RequireOnlyOne<SvgItemConfig, 'url'>;
|
|
8
|
-
dot?: RequireOnlyOne<SvgItemConfig, 'url'>;
|
|
6
|
+
scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
|
|
7
|
+
dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
|
|
8
|
+
spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
|
|
9
|
+
dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;
|
|
9
10
|
}
|
|
10
11
|
export interface SvgItemConfig {
|
|
11
12
|
url: string;
|
|
12
13
|
id: string;
|
|
14
|
+
file: string;
|
|
13
15
|
}
|
|
14
16
|
export type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot' | 'base';
|
|
15
17
|
export declare enum IllustratedMessageTypes {
|
|
@@ -22,6 +24,7 @@ export declare enum IllustratedMessageTypes {
|
|
|
22
24
|
export declare class IllustratedMessageComponent implements AfterContentChecked, OnChanges, OnDestroy, OnInit, CssClassBuilder {
|
|
23
25
|
readonly elementRef: ElementRef;
|
|
24
26
|
private _cdRef;
|
|
27
|
+
private _sanitizer;
|
|
25
28
|
/**
|
|
26
29
|
* The type of the Illustrated Message
|
|
27
30
|
* Options include: 'scene' | 'spot' | 'dialog' | 'dot' | 'base'.
|
|
@@ -54,9 +57,11 @@ export declare class IllustratedMessageComponent implements AfterContentChecked,
|
|
|
54
57
|
/** @hidden */
|
|
55
58
|
_isSmallScreen: boolean;
|
|
56
59
|
/** @hidden */
|
|
60
|
+
_inlineSvg: SafeHtml | undefined;
|
|
61
|
+
/** @hidden */
|
|
57
62
|
private _subscriptions;
|
|
58
63
|
/** @hidden */
|
|
59
|
-
constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef);
|
|
64
|
+
constructor(elementRef: ElementRef, _cdRef: ChangeDetectorRef, _sanitizer: DomSanitizer);
|
|
60
65
|
/**
|
|
61
66
|
* @hidden
|
|
62
67
|
* CssClassBuilder interface implementation
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fundamental-ngx/core",
|
|
3
|
-
"version": "0.54.
|
|
3
|
+
"version": "0.54.1",
|
|
4
4
|
"schematics": "./schematics/collection.json",
|
|
5
5
|
"ng-update": {
|
|
6
6
|
"migrations": "./schematics/migrations.json"
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"@angular/forms": "^18.0.0",
|
|
24
24
|
"@angular/platform-browser": "^18.0.0",
|
|
25
25
|
"@angular/router": "^18.0.0",
|
|
26
|
-
"@fundamental-ngx/cdk": "0.54.
|
|
27
|
-
"@fundamental-ngx/i18n": "0.54.
|
|
26
|
+
"@fundamental-ngx/cdk": "0.54.1",
|
|
27
|
+
"@fundamental-ngx/i18n": "0.54.1",
|
|
28
28
|
"@sap-theming/theming-base-content": "^11.22.0",
|
|
29
29
|
"fundamental-styles": "0.38.0",
|
|
30
30
|
"rxjs": "^7.8.0"
|