@fundamental-ngx/core 0.63.2-rc.5 → 0.63.2-rc.7

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

@@ -7,10 +7,10 @@ import { DomSanitizer } from '@angular/platform-browser';
  * Typically contains buttons or links for user actions.
  */
 class IllustratedMessageActionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: IllustratedMessageActionsComponent, isStandalone: true, selector: "fd-illustrated-message-actions", host: { classAttribute: "fd-illustrated-message__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: IllustratedMessageActionsComponent, isStandalone: true, selector: "fd-illustrated-message-actions", host: { classAttribute: "fd-illustrated-message__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fd-illustrated-message-actions',
@@ -27,13 +27,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Contains title and text content slots.
  */
 class IllustratedMessageFigcaptionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageFigcaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: IllustratedMessageFigcaptionComponent, isStandalone: true, selector: "[fd-illustrated-message-figcaption]", host: { classAttribute: "fd-illustrated-message__figcaption" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageFigcaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: IllustratedMessageFigcaptionComponent, isStandalone: true, selector: "[fd-illustrated-message-figcaption]", host: { classAttribute: "fd-illustrated-message__figcaption" }, ngImport: i0, template: `
         <ng-content select="[fd-illustrated-message-title]"></ng-content>
         <ng-content select="[fd-illustrated-message-text]"></ng-content>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageFigcaptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageFigcaptionComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
@@ -53,10 +53,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Directive for the text/description element within an illustrated message figcaption.
  */
 class IllustratedMessageTextDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: IllustratedMessageTextDirective, isStandalone: true, selector: "[fd-illustrated-message-text]", host: { classAttribute: "fd-illustrated-message__text" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IllustratedMessageTextDirective, isStandalone: true, selector: "[fd-illustrated-message-text]", host: { classAttribute: "fd-illustrated-message__text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageTextDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -71,10 +71,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Directive for the title element within an illustrated message figcaption.
  */
 class IllustratedMessageTitleDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: IllustratedMessageTitleDirective, isStandalone: true, selector: "[fd-illustrated-message-title]", host: { classAttribute: "fd-illustrated-message__title" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: IllustratedMessageTitleDirective, isStandalone: true, selector: "[fd-illustrated-message-title]", host: { classAttribute: "fd-illustrated-message__title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -133,23 +133,27 @@ class IllustratedMessageComponent {
         /**
          * Explicitly set the illustration type. If not provided, type is determined by container width.
          */
-        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+        this.type = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
         /**
          * Configuration for SVG illustrations at different sizes.
          */
-        this.svgConfig = input(...(ngDevMode ? [undefined, { debugName: "svgConfig" }] : []));
+        this.svgConfig = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "svgConfig" }] : /* istanbul ignore next */ []));
         /**
          * Accessible label for the SVG illustration.
          */
-        this.svgAriaLabel = input(null, ...(ngDevMode ? [{ debugName: "svgAriaLabel" }] : []));
+        this.svgAriaLabel = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "svgAriaLabel" }] : /* istanbul ignore next */ []));
         /**
          * When true, hides the SVG illustration entirely.
          */
-        this.noSvg = input(false, { ...(ngDevMode ? { debugName: "noSvg" } : {}), transform: booleanAttribute });
+        this.noSvg = input(false, { ...(ngDevMode ? { debugName: "noSvg" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * Unique identifier for the illustrated message component.
          */
-        this.id = input(`fd-illustrated-message-${++illustratedMessageUniqueId}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.id = input(`fd-illustrated-message-${++illustratedMessageUniqueId}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
         /**
          * Reference to the host element.
          */
@@ -158,7 +162,8 @@ class IllustratedMessageComponent {
          * Signal tracking container width for responsive behavior.
          * @hidden
          */
-        this.containerWidth = signal(0, ...(ngDevMode ? [{ debugName: "containerWidth" }] : []));
+        this.containerWidth = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []));
         /**
          * Normalized illustration type from explicit input or legacy names.
          * @hidden
@@ -166,12 +171,14 @@ class IllustratedMessageComponent {
         this.normalizedInputType = computed(() => {
             const explicitType = this.type();
             return explicitType ? this._normalizeType(explicitType) : undefined;
-        }, ...(ngDevMode ? [{ debugName: "normalizedInputType" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "normalizedInputType" }] : /* istanbul ignore next */ []));
         /**
          * Current illustration type based on explicit type or container width.
          * @hidden
          */
-        this.currentType = computed(() => this.normalizedInputType() || this._determineTypeByWidth(this.containerWidth()), ...(ngDevMode ? [{ debugName: "currentType" }] : []));
+        this.currentType = computed(() => this.normalizedInputType() || this._determineTypeByWidth(this.containerWidth()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentType" }] : /* istanbul ignore next */ []));
         /**
          * Normalized SVG configuration with legacy keys mapped to modern keys.
          * @hidden
@@ -179,7 +186,8 @@ class IllustratedMessageComponent {
         this.normalizedConfig = computed(() => {
             const config = this.svgConfig();
             return config ? this._normalizeSvgConfig(config) : null;
-        }, ...(ngDevMode ? [{ debugName: "normalizedConfig" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "normalizedConfig" }] : /* istanbul ignore next */ []));
         /**
          * Inline SVG content for the current type.
          * @hidden
@@ -189,7 +197,8 @@ class IllustratedMessageComponent {
             const type = this.currentType();
             const inlineSvg = config?.[type]?.file;
             return inlineSvg ? this._sanitizer.bypassSecurityTrustHtml(inlineSvg) : undefined;
-        }, ...(ngDevMode ? [{ debugName: "inlineSvg" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inlineSvg" }] : /* istanbul ignore next */ []));
         /**
          * SVG href attribute for the current type.
          * @hidden
@@ -200,7 +209,8 @@ class IllustratedMessageComponent {
                 return '';
             }
             return this._getHrefByType(this.currentType(), config);
-        }, ...(ngDevMode ? [{ debugName: "href" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
         /**
          * Computed CSS class string for the component.
          * @hidden
@@ -212,7 +222,8 @@ class IllustratedMessageComponent {
                 classes.push(`fd-illustrated-message--${currentTypeValue}`);
             }
             return classes.join(' ');
-        }, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this._sanitizer = inject(DomSanitizer);
         /** @hidden */
@@ -311,10 +322,10 @@ class IllustratedMessageComponent {
                 return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, svgConfig: { classPropertyName: "svgConfig", publicName: "svgConfig", isSignal: true, isRequired: false, transformFunction: null }, svgAriaLabel: { classPropertyName: "svgAriaLabel", publicName: "svgAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, noSvg: { classPropertyName: "noSvg", publicName: "noSvg", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "class": "cssClass()" } }, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg()) {\n        <svg\n            class=\"fd-illustrated-message__illustration\"\n            [attr.aria-label]=\"svgAriaLabel()\"\n            preserveAspectRatio=\"xMidYMid meet\"\n        >\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;--actionsMarginBlockStart: .5rem;--illustrationMaxWidth: 20rem;--illustrationMaxHeight: 15rem;--illustrationMarginBlock: 1rem;--illustrationDisplay: flex;--figcaptionMaxWidth: 40.625rem;--titleFontSize: 2rem;--titleMarginBottom: 1rem;--textFontSize: var(--sapFontLargeSize);font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;text-align:center;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding)}.fd-illustrated-message:before,.fd-illustrated-message:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100%;height:100%;container-type:inline-size}.fd-illustrated-message-responsive-container:before,.fd-illustrated-message-responsive-container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-direction:column;-webkit-box-align:var(--containerFlexAlignment, center);-ms-flex-align:var(--containerFlexAlignment, center);align-items:var(--containerFlexAlignment, center)}.fd-illustrated-message__container:before,.fd-illustrated-message__container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:var(--illustrationDisplay);width:var(--illustrationMaxWidth);height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);max-height:var(--illustrationMaxHeight);-webkit-margin-after:var(--illustrationMarginBlock);margin-block-end:var(--illustrationMarginBlock)}.fd-illustrated-message__illustration:before,.fd-illustrated-message__illustration:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;max-width:var(--figcaptionMaxWidth)}.fd-illustrated-message__figcaption:before,.fd-illustrated-message__figcaption:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:100%;text-align:center;font-size:var(--titleFontSize);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontBoldFamily);-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:before,.fd-illustrated-message__title:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;text-wrap:wrap;text-align:center;font-size:var(--textFontSize)}.fd-illustrated-message__text:before,.fd-illustrated-message__text:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-margin-before:var(--actionsMarginBlockStart);margin-block-start:var(--actionsMarginBlockStart)}.fd-illustrated-message__actions:before,.fd-illustrated-message__actions:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog,.fd-illustrated-message--medium{--illustrationMaxWidth: 10rem;--illustrationMaxHeight: 10rem;--illustrationMarginBlock: .5rem;--titleFontSize: 1.5rem;--titleMarginBottom: .5rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 19.938rem;--actionsMarginBlockStart: .5rem}.fd-illustrated-message--spot,.fd-illustrated-message--small{--illustratedMessagePadding: .5rem;--illustrationMaxWidth: 8rem;--illustrationMaxHeight: 8rem;--illustrationMarginBlock: .5rem;--titleMarginBottom: .5rem;--titleFontSize: 1.25rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 10.938rem;--actionsMarginBlockStart: .5rem}.fd-illustrated-message--dot,.fd-illustrated-message--xsmall{--illustratedMessagePadding: .25rem;--illustrationMaxWidth: 2.8125rem;--illustrationMaxHeight: 2.8125rem;--illustrationMarginBlock: .25rem;--figcaptionMaxWidth: 8.438rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}.fd-illustrated-message--base{--illustratedMessagePadding: .25rem;--illustrationDisplay: none;--figcaptionMaxWidth: 8.375rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}@container (width < 22rem){.fd-illustrated-message{--illustrationMaxWidth: 10rem;--illustrationMaxHeight: 10rem;--illustrationMarginBlock: .5rem;--titleFontSize: 1.5rem;--titleMarginBottom: .5rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 19.938rem;--actionsMarginBlockStart: .5rem}}@container (width < 21.938rem){.fd-illustrated-message{--illustratedMessagePadding: .5rem;--illustrationMaxWidth: 8rem;--illustrationMaxHeight: 8rem;--illustrationMarginBlock: .5rem;--titleMarginBottom: .5rem;--titleFontSize: 1.25rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 10.938rem;--actionsMarginBlockStart: .5rem}}@container (width < 11.938rem){.fd-illustrated-message{--illustratedMessagePadding: .25rem;--illustrationMaxWidth: 2.8125rem;--illustrationMaxHeight: 2.8125rem;--illustrationMarginBlock: .25rem;--figcaptionMaxWidth: 8.438rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}}@container (width < 8.938rem){.fd-illustrated-message{--illustratedMessagePadding: .25rem;--illustrationDisplay: none;--figcaptionMaxWidth: 8.375rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: IllustratedMessageComponent, isStandalone: true, selector: "[fd-illustrated-message]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, svgConfig: { classPropertyName: "svgConfig", publicName: "svgConfig", isSignal: true, isRequired: false, transformFunction: null }, svgAriaLabel: { classPropertyName: "svgAriaLabel", publicName: "svgAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, noSvg: { classPropertyName: "noSvg", publicName: "noSvg", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "class": "cssClass()" } }, ngImport: i0, template: "<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg()) {\n        <svg\n            class=\"fd-illustrated-message__illustration\"\n            [attr.aria-label]=\"svgAriaLabel()\"\n            preserveAspectRatio=\"xMidYMid meet\"\n        >\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;--actionsMarginBlockStart: .5rem;--illustrationMaxWidth: 20rem;--illustrationMaxHeight: 15rem;--illustrationMarginBlock: 1rem;--illustrationDisplay: flex;--figcaptionMaxWidth: 40.625rem;--titleFontSize: 2rem;--titleMarginBottom: 1rem;--textFontSize: var(--sapFontLargeSize);font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;text-align:center;padding-block:var(--illustratedMessagePadding);padding-inline:var(--illustratedMessagePadding)}.fd-illustrated-message:before,.fd-illustrated-message:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message-responsive-container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-height:100%;height:100%;container-type:inline-size}.fd-illustrated-message-responsive-container:before,.fd-illustrated-message-responsive-container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__container{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;flex-direction:column;-webkit-box-align:var(--containerFlexAlignment, center);-ms-flex-align:var(--containerFlexAlignment, center);align-items:var(--containerFlexAlignment, center)}.fd-illustrated-message__container:before,.fd-illustrated-message__container:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__illustration{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:var(--illustrationDisplay);width:var(--illustrationMaxWidth);height:var(--illustrationMaxHeight);max-width:var(--illustrationMaxWidth);max-height:var(--illustrationMaxHeight);-webkit-margin-after:var(--illustrationMarginBlock);margin-block-end:var(--illustrationMarginBlock)}.fd-illustrated-message__illustration:before,.fd-illustrated-message__illustration:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__figcaption{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;max-width:var(--figcaptionMaxWidth)}.fd-illustrated-message__figcaption:before,.fd-illustrated-message__figcaption:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__title{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;width:100%;text-align:center;font-size:var(--titleFontSize);color:var(--sapGroup_TitleTextColor);font-family:var(--sapFontBoldFamily);-webkit-margin-after:var(--titleMarginBottom);margin-block-end:var(--titleMarginBottom)}.fd-illustrated-message__title:before,.fd-illustrated-message__title:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__text{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;text-wrap:wrap;text-align:center;font-size:var(--textFontSize)}.fd-illustrated-message__text:before,.fd-illustrated-message__text:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message__actions{font-size:var(--sapFontSize);line-height:normal;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;-webkit-box-sizing:border-box;box-sizing:border-box;forced-color-adjust:none;padding-inline:0;padding-block:0;margin-inline:0;margin-block:0;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;-webkit-margin-before:var(--actionsMarginBlockStart);margin-block-start:var(--actionsMarginBlockStart)}.fd-illustrated-message__actions:before,.fd-illustrated-message__actions:after{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-illustrated-message--dialog,.fd-illustrated-message--medium{--illustrationMaxWidth: 10rem;--illustrationMaxHeight: 10rem;--illustrationMarginBlock: .5rem;--titleFontSize: 1.5rem;--titleMarginBottom: .5rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 19.938rem;--actionsMarginBlockStart: .5rem}.fd-illustrated-message--spot,.fd-illustrated-message--small{--illustratedMessagePadding: .5rem;--illustrationMaxWidth: 8rem;--illustrationMaxHeight: 8rem;--illustrationMarginBlock: .5rem;--titleMarginBottom: .5rem;--titleFontSize: 1.25rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 10.938rem;--actionsMarginBlockStart: .5rem}.fd-illustrated-message--dot,.fd-illustrated-message--xsmall{--illustratedMessagePadding: .25rem;--illustrationMaxWidth: 2.8125rem;--illustrationMaxHeight: 2.8125rem;--illustrationMarginBlock: .25rem;--figcaptionMaxWidth: 8.438rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}.fd-illustrated-message--base{--illustratedMessagePadding: .25rem;--illustrationDisplay: none;--figcaptionMaxWidth: 8.375rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}@container (width < 22rem){.fd-illustrated-message{--illustrationMaxWidth: 10rem;--illustrationMaxHeight: 10rem;--illustrationMarginBlock: .5rem;--titleFontSize: 1.5rem;--titleMarginBottom: .5rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 19.938rem;--actionsMarginBlockStart: .5rem}}@container (width < 21.938rem){.fd-illustrated-message{--illustratedMessagePadding: .5rem;--illustrationMaxWidth: 8rem;--illustrationMaxHeight: 8rem;--illustrationMarginBlock: .5rem;--titleMarginBottom: .5rem;--titleFontSize: 1.25rem;--textFontSize: var(--sapFontSize);--figcaptionMaxWidth: 10.938rem;--actionsMarginBlockStart: .5rem}}@container (width < 11.938rem){.fd-illustrated-message{--illustratedMessagePadding: .25rem;--illustrationMaxWidth: 2.8125rem;--illustrationMaxHeight: 2.8125rem;--illustrationMarginBlock: .25rem;--figcaptionMaxWidth: 8.438rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}}@container (width < 8.938rem){.fd-illustrated-message{--illustratedMessagePadding: .25rem;--illustrationDisplay: none;--figcaptionMaxWidth: 8.375rem;--titleMarginBottom: .25rem;--titleFontSize: 1rem;--textFontSize: var(--sapFontSize);--actionsMarginBlockStart: .25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: '[fd-illustrated-message]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [], host: {
                         '[attr.id]': 'id()',
@@ -334,8 +345,8 @@ const components = [
  * Use direct imports of components and directives.
  */
 class IllustratedMessageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageModule, imports: [IllustratedMessageComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageModule, imports: [IllustratedMessageComponent,
             IllustratedMessageActionsComponent,
             IllustratedMessageFigcaptionComponent,
             IllustratedMessageTextDirective,
@@ -344,9 +355,9 @@ class IllustratedMessageModule {
             IllustratedMessageFigcaptionComponent,
             IllustratedMessageTextDirective,
             IllustratedMessageTitleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: IllustratedMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: IllustratedMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...components],

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

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/illustrated-message/illustrated-message.component.ts","../../../../libs/core/illustrated-message/illustrated-message.component.html","../../../../libs/core/illustrated-message/illustrated-message.module.ts","../../../../libs/core/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Component representing the actions section of an illustrated message.\n * Typically contains buttons or links for user actions.\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})\nexport class IllustratedMessageActionsComponent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Component representing the figcaption section of an illustrated message.\n * Contains title and text content slots.\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})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the text/description element within an illustrated message figcaption.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]',\n    host: {\n        class: 'fd-illustrated-message__text'\n    }\n})\nexport class IllustratedMessageTextDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title element within an illustrated message figcaption.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]',\n    host: {\n        class: 'fd-illustrated-message__title'\n    }\n})\nexport class IllustratedMessageTitleDirective {}\n","import {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { HasElementRef, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';\n\n/**\n * Configuration for an SVG item in the illustrated message.\n */\nexport interface SvgItemConfig {\n    /** URL to the SVG sprite file */\n    url: string;\n    /** ID of the symbol within the SVG sprite */\n    id: string;\n    /** Inline SVG file content */\n    file: string;\n}\n\n/**\n * Configuration for different SVG sizes in the illustrated message.\n * Supports both modern (large, medium, small, xsmall) and legacy (scene, dialog, spot, dot) naming.\n */\nexport interface SvgConfig {\n    /** Configuration for large/scene size (>= 682px) */\n    large?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for medium/dialog size (361px - 681px) */\n    medium?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for small/spot size (261px - 360px) */\n    small?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for extra small/dot size (161px - 260px) */\n    xsmall?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n\n    /** @deprecated Use 'large' instead */\n    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'medium' instead */\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'small' instead */\n    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'xsmall' instead */\n    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n}\n\n/**\n * Type of illustrated message based on container width or explicit configuration.\n * Modern types: large, medium, small, xsmall, base\n * Legacy types: scene, dialog, spot, dot\n */\nexport type IllustratedMessageType =\n    | 'large'\n    | 'medium'\n    | 'small'\n    | 'xsmall'\n    | 'base'\n    | 'scene'\n    | 'dialog'\n    | 'spot'\n    | 'dot';\n\n/**\n * Enumeration of illustrated message types with their string values.\n */\nexport enum IllustratedMessageTypes {\n    LARGE = 'large',\n    MEDIUM = 'medium',\n    SMALL = 'small',\n    EXTRA_SMALL = 'xsmall',\n    BASE = 'base',\n    /** @deprecated Use LARGE instead */\n    SCENE = 'scene',\n    /** @deprecated Use MEDIUM instead */\n    DIALOG = 'dialog',\n    /** @deprecated Use SMALL instead */\n    SPOT = 'spot',\n    /** @deprecated Use EXTRA_SMALL instead */\n    DOT = 'dot'\n}\n\nlet illustratedMessageUniqueId = 0;\n\n/**\n * Component representing an illustrated message with responsive SVG illustration.\n *\n * The component automatically adjusts its illustration size based on container width:\n * - Large (>= 682px)\n * - Medium (361px - 681px)\n * - Small (261px - 360px)\n * - Extra Small (161px - 260px)\n * - Base (< 161px)\n *\n * Supports both URL-based SVG sprites and inline SVG content.\n *\n * @example\n * ```html\n * <div fd-illustrated-message [svgConfig]=\"svgConfig\">\n *   <figcaption fd-illustrated-message-figcaption>\n *     <h3>No Data Available</h3>\n *     <p>Please check back later</p>\n *   </figcaption>\n * </div>\n * ```\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    imports: [],\n    host: {\n        '[attr.id]': 'id()',\n        '[class]': 'cssClass()'\n    }\n})\nexport class IllustratedMessageComponent implements HasElementRef {\n    /**\n     * Explicitly set the illustration type. If not provided, type is determined by container width.\n     */\n    readonly type = input<IllustratedMessageType>();\n\n    /**\n     * Configuration for SVG illustrations at different sizes.\n     */\n    readonly svgConfig = input<SvgConfig>();\n\n    /**\n     * Accessible label for the SVG illustration.\n     */\n    readonly svgAriaLabel = input<string | null | undefined>(null);\n\n    /**\n     * When true, hides the SVG illustration entirely.\n     */\n    readonly noSvg = input(false, { transform: booleanAttribute });\n\n    /**\n     * Unique identifier for the illustrated message component.\n     */\n    readonly id = input<string>(`fd-illustrated-message-${++illustratedMessageUniqueId}`);\n\n    /**\n     * Reference to the host element.\n     */\n    readonly elementRef = inject(ElementRef);\n\n    /**\n     * Signal tracking container width for responsive behavior.\n     * @hidden\n     */\n    protected readonly containerWidth = signal<number>(0);\n\n    /**\n     * Normalized illustration type from explicit input or legacy names.\n     * @hidden\n     */\n    protected readonly normalizedInputType = computed(() => {\n        const explicitType = this.type();\n        return explicitType ? this._normalizeType(explicitType) : undefined;\n    });\n\n    /**\n     * Current illustration type based on explicit type or container width.\n     * @hidden\n     */\n    protected readonly currentType = computed(\n        () => this.normalizedInputType() || this._determineTypeByWidth(this.containerWidth())\n    );\n\n    /**\n     * Normalized SVG configuration with legacy keys mapped to modern keys.\n     * @hidden\n     */\n    protected readonly normalizedConfig = computed(() => {\n        const config = this.svgConfig();\n        return config ? this._normalizeSvgConfig(config) : null;\n    });\n\n    /**\n     * Inline SVG content for the current type.\n     * @hidden\n     */\n    protected readonly inlineSvg = computed(() => {\n        const config = this.normalizedConfig();\n        const type = this.currentType();\n        const inlineSvg = config?.[type]?.file;\n        return inlineSvg ? this._sanitizer.bypassSecurityTrustHtml(inlineSvg) : undefined;\n    });\n\n    /**\n     * SVG href attribute for the current type.\n     * @hidden\n     */\n    protected readonly href = computed(() => {\n        const config = this.normalizedConfig();\n        if (!config) {\n            return '';\n        }\n        return this._getHrefByType(this.currentType(), config);\n    });\n\n    /**\n     * Computed CSS class string for the component.\n     * @hidden\n     */\n    protected readonly cssClass = computed(() => {\n        const classes: string[] = ['fd-illustrated-message'];\n\n        const currentTypeValue = this.currentType();\n        if (currentTypeValue) {\n            classes.push(`fd-illustrated-message--${currentTypeValue}`);\n        }\n\n        return classes.join(' ');\n    });\n\n    /** @hidden */\n    private readonly _sanitizer = inject(DomSanitizer);\n\n    /** @hidden */\n    private readonly _destroyRef = inject(DestroyRef);\n\n    /** @hidden */\n    constructor() {\n        afterNextRender(() => {\n            const observer = new ResizeObserver(() => {\n                this._measureContainerWidth();\n            });\n            observer.observe(this.elementRef.nativeElement);\n            this._destroyRef.onDestroy(() => observer.disconnect());\n        });\n    }\n\n    /**\n     * Measures and updates the container width.\n     * @private\n     */\n    private _measureContainerWidth(): void {\n        const width = this.elementRef.nativeElement.offsetWidth;\n\n        if (this.containerWidth() !== width) {\n            this.containerWidth.set(width);\n        }\n    }\n\n    /**\n     * Determines the illustration type based on container width.\n     * @param width - Container width in pixels\n     * @returns Appropriate illustration type\n     * @private\n     */\n    private _determineTypeByWidth(width: number): IllustratedMessageType {\n        if (width >= 682) {\n            return IllustratedMessageTypes.LARGE;\n        } else if (width >= 361) {\n            return IllustratedMessageTypes.MEDIUM;\n        } else if (width >= 261) {\n            return IllustratedMessageTypes.SMALL;\n        } else if (width >= 161) {\n            return IllustratedMessageTypes.EXTRA_SMALL;\n        }\n\n        return IllustratedMessageTypes.BASE;\n    }\n\n    /**\n     * Normalizes legacy type names to modern equivalents.\n     * @param type - Illustration type to normalize\n     * @returns Normalized illustration type\n     * @private\n     */\n    private _normalizeType(type: IllustratedMessageType): IllustratedMessageType {\n        switch (type) {\n            case 'scene':\n                return 'large';\n            case 'dialog':\n                return 'medium';\n            case 'spot':\n                return 'small';\n            case 'dot':\n                return 'xsmall';\n            default:\n                return type;\n        }\n    }\n\n    /**\n     * Normalizes SVG configuration, mapping legacy keys to modern keys.\n     * @param config - SVG configuration to normalize\n     * @returns Normalized SVG configuration\n     * @private\n     */\n    private _normalizeSvgConfig(config: SvgConfig): SvgConfig {\n        return {\n            large: config.large || config.scene,\n            medium: config.medium || config.dialog,\n            small: config.small || config.spot,\n            xsmall: config.xsmall || config.dot\n        };\n    }\n\n    /**\n     * Constructs the SVG href attribute value for the given type.\n     * @param type - Illustration type\n     * @param svgConfig - Normalized SVG configuration\n     * @returns SVG href string\n     * @private\n     */\n    private _getHrefByType(type: IllustratedMessageType, svgConfig: SvgConfig): string {\n        switch (type) {\n            case 'large':\n                return `${svgConfig.large?.url || ''}#${svgConfig.large?.id}`;\n            case 'medium':\n                return `${svgConfig.medium?.url || ''}#${svgConfig.medium?.id}`;\n            case 'small':\n                return `${svgConfig.small?.url || ''}#${svgConfig.small?.id}`;\n            case 'xsmall':\n                return `${svgConfig.xsmall?.url || ''}#${svgConfig.xsmall?.id}`;\n            default:\n                return '';\n        }\n    }\n}\n","<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg()) {\n        <svg\n            class=\"fd-illustrated-message__illustration\"\n            [attr.aria-label]=\"svgAriaLabel()\"\n            preserveAspectRatio=\"xMidYMid meet\"\n        >\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\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/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/illustrated-message/illustrated-message.component.ts","../../../../libs/core/illustrated-message/illustrated-message.component.html","../../../../libs/core/illustrated-message/illustrated-message.module.ts","../../../../libs/core/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Component representing the actions section of an illustrated message.\n * Typically contains buttons or links for user actions.\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})\nexport class IllustratedMessageActionsComponent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Component representing the figcaption section of an illustrated message.\n * Contains title and text content slots.\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})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the text/description element within an illustrated message figcaption.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]',\n    host: {\n        class: 'fd-illustrated-message__text'\n    }\n})\nexport class IllustratedMessageTextDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for the title element within an illustrated message figcaption.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]',\n    host: {\n        class: 'fd-illustrated-message__title'\n    }\n})\nexport class IllustratedMessageTitleDirective {}\n","import {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    inject,\n    input,\n    signal,\n    ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { HasElementRef, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';\n\n/**\n * Configuration for an SVG item in the illustrated message.\n */\nexport interface SvgItemConfig {\n    /** URL to the SVG sprite file */\n    url: string;\n    /** ID of the symbol within the SVG sprite */\n    id: string;\n    /** Inline SVG file content */\n    file: string;\n}\n\n/**\n * Configuration for different SVG sizes in the illustrated message.\n * Supports both modern (large, medium, small, xsmall) and legacy (scene, dialog, spot, dot) naming.\n */\nexport interface SvgConfig {\n    /** Configuration for large/scene size (>= 682px) */\n    large?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for medium/dialog size (361px - 681px) */\n    medium?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for small/spot size (261px - 360px) */\n    small?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** Configuration for extra small/dot size (161px - 260px) */\n    xsmall?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n\n    /** @deprecated Use 'large' instead */\n    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'medium' instead */\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'small' instead */\n    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    /** @deprecated Use 'xsmall' instead */\n    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n}\n\n/**\n * Type of illustrated message based on container width or explicit configuration.\n * Modern types: large, medium, small, xsmall, base\n * Legacy types: scene, dialog, spot, dot\n */\nexport type IllustratedMessageType =\n    | 'large'\n    | 'medium'\n    | 'small'\n    | 'xsmall'\n    | 'base'\n    | 'scene'\n    | 'dialog'\n    | 'spot'\n    | 'dot';\n\n/**\n * Enumeration of illustrated message types with their string values.\n */\nexport enum IllustratedMessageTypes {\n    LARGE = 'large',\n    MEDIUM = 'medium',\n    SMALL = 'small',\n    EXTRA_SMALL = 'xsmall',\n    BASE = 'base',\n    /** @deprecated Use LARGE instead */\n    SCENE = 'scene',\n    /** @deprecated Use MEDIUM instead */\n    DIALOG = 'dialog',\n    /** @deprecated Use SMALL instead */\n    SPOT = 'spot',\n    /** @deprecated Use EXTRA_SMALL instead */\n    DOT = 'dot'\n}\n\nlet illustratedMessageUniqueId = 0;\n\n/**\n * Component representing an illustrated message with responsive SVG illustration.\n *\n * The component automatically adjusts its illustration size based on container width:\n * - Large (>= 682px)\n * - Medium (361px - 681px)\n * - Small (261px - 360px)\n * - Extra Small (161px - 260px)\n * - Base (< 161px)\n *\n * Supports both URL-based SVG sprites and inline SVG content.\n *\n * @example\n * ```html\n * <div fd-illustrated-message [svgConfig]=\"svgConfig\">\n *   <figcaption fd-illustrated-message-figcaption>\n *     <h3>No Data Available</h3>\n *     <p>Please check back later</p>\n *   </figcaption>\n * </div>\n * ```\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    imports: [],\n    host: {\n        '[attr.id]': 'id()',\n        '[class]': 'cssClass()'\n    }\n})\nexport class IllustratedMessageComponent implements HasElementRef {\n    /**\n     * Explicitly set the illustration type. If not provided, type is determined by container width.\n     */\n    readonly type = input<IllustratedMessageType>();\n\n    /**\n     * Configuration for SVG illustrations at different sizes.\n     */\n    readonly svgConfig = input<SvgConfig>();\n\n    /**\n     * Accessible label for the SVG illustration.\n     */\n    readonly svgAriaLabel = input<string | null | undefined>(null);\n\n    /**\n     * When true, hides the SVG illustration entirely.\n     */\n    readonly noSvg = input(false, { transform: booleanAttribute });\n\n    /**\n     * Unique identifier for the illustrated message component.\n     */\n    readonly id = input<string>(`fd-illustrated-message-${++illustratedMessageUniqueId}`);\n\n    /**\n     * Reference to the host element.\n     */\n    readonly elementRef = inject(ElementRef);\n\n    /**\n     * Signal tracking container width for responsive behavior.\n     * @hidden\n     */\n    protected readonly containerWidth = signal<number>(0);\n\n    /**\n     * Normalized illustration type from explicit input or legacy names.\n     * @hidden\n     */\n    protected readonly normalizedInputType = computed(() => {\n        const explicitType = this.type();\n        return explicitType ? this._normalizeType(explicitType) : undefined;\n    });\n\n    /**\n     * Current illustration type based on explicit type or container width.\n     * @hidden\n     */\n    protected readonly currentType = computed(\n        () => this.normalizedInputType() || this._determineTypeByWidth(this.containerWidth())\n    );\n\n    /**\n     * Normalized SVG configuration with legacy keys mapped to modern keys.\n     * @hidden\n     */\n    protected readonly normalizedConfig = computed(() => {\n        const config = this.svgConfig();\n        return config ? this._normalizeSvgConfig(config) : null;\n    });\n\n    /**\n     * Inline SVG content for the current type.\n     * @hidden\n     */\n    protected readonly inlineSvg = computed(() => {\n        const config = this.normalizedConfig();\n        const type = this.currentType();\n        const inlineSvg = config?.[type]?.file;\n        return inlineSvg ? this._sanitizer.bypassSecurityTrustHtml(inlineSvg) : undefined;\n    });\n\n    /**\n     * SVG href attribute for the current type.\n     * @hidden\n     */\n    protected readonly href = computed(() => {\n        const config = this.normalizedConfig();\n        if (!config) {\n            return '';\n        }\n        return this._getHrefByType(this.currentType(), config);\n    });\n\n    /**\n     * Computed CSS class string for the component.\n     * @hidden\n     */\n    protected readonly cssClass = computed(() => {\n        const classes: string[] = ['fd-illustrated-message'];\n\n        const currentTypeValue = this.currentType();\n        if (currentTypeValue) {\n            classes.push(`fd-illustrated-message--${currentTypeValue}`);\n        }\n\n        return classes.join(' ');\n    });\n\n    /** @hidden */\n    private readonly _sanitizer = inject(DomSanitizer);\n\n    /** @hidden */\n    private readonly _destroyRef = inject(DestroyRef);\n\n    /** @hidden */\n    constructor() {\n        afterNextRender(() => {\n            const observer = new ResizeObserver(() => {\n                this._measureContainerWidth();\n            });\n            observer.observe(this.elementRef.nativeElement);\n            this._destroyRef.onDestroy(() => observer.disconnect());\n        });\n    }\n\n    /**\n     * Measures and updates the container width.\n     * @private\n     */\n    private _measureContainerWidth(): void {\n        const width = this.elementRef.nativeElement.offsetWidth;\n\n        if (this.containerWidth() !== width) {\n            this.containerWidth.set(width);\n        }\n    }\n\n    /**\n     * Determines the illustration type based on container width.\n     * @param width - Container width in pixels\n     * @returns Appropriate illustration type\n     * @private\n     */\n    private _determineTypeByWidth(width: number): IllustratedMessageType {\n        if (width >= 682) {\n            return IllustratedMessageTypes.LARGE;\n        } else if (width >= 361) {\n            return IllustratedMessageTypes.MEDIUM;\n        } else if (width >= 261) {\n            return IllustratedMessageTypes.SMALL;\n        } else if (width >= 161) {\n            return IllustratedMessageTypes.EXTRA_SMALL;\n        }\n\n        return IllustratedMessageTypes.BASE;\n    }\n\n    /**\n     * Normalizes legacy type names to modern equivalents.\n     * @param type - Illustration type to normalize\n     * @returns Normalized illustration type\n     * @private\n     */\n    private _normalizeType(type: IllustratedMessageType): IllustratedMessageType {\n        switch (type) {\n            case 'scene':\n                return 'large';\n            case 'dialog':\n                return 'medium';\n            case 'spot':\n                return 'small';\n            case 'dot':\n                return 'xsmall';\n            default:\n                return type;\n        }\n    }\n\n    /**\n     * Normalizes SVG configuration, mapping legacy keys to modern keys.\n     * @param config - SVG configuration to normalize\n     * @returns Normalized SVG configuration\n     * @private\n     */\n    private _normalizeSvgConfig(config: SvgConfig): SvgConfig {\n        return {\n            large: config.large || config.scene,\n            medium: config.medium || config.dialog,\n            small: config.small || config.spot,\n            xsmall: config.xsmall || config.dot\n        };\n    }\n\n    /**\n     * Constructs the SVG href attribute value for the given type.\n     * @param type - Illustration type\n     * @param svgConfig - Normalized SVG configuration\n     * @returns SVG href string\n     * @private\n     */\n    private _getHrefByType(type: IllustratedMessageType, svgConfig: SvgConfig): string {\n        switch (type) {\n            case 'large':\n                return `${svgConfig.large?.url || ''}#${svgConfig.large?.id}`;\n            case 'medium':\n                return `${svgConfig.medium?.url || ''}#${svgConfig.medium?.id}`;\n            case 'small':\n                return `${svgConfig.small?.url || ''}#${svgConfig.small?.id}`;\n            case 'xsmall':\n                return `${svgConfig.xsmall?.url || ''}#${svgConfig.xsmall?.id}`;\n            default:\n                return '';\n        }\n    }\n}\n","<div class=\"fd-illustrated-message__container\">\n    @if (!noSvg()) {\n        <svg\n            class=\"fd-illustrated-message__illustration\"\n            [attr.aria-label]=\"svgAriaLabel()\"\n            preserveAspectRatio=\"xMidYMid meet\"\n        >\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\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/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [...components],\n    exports: [...components]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs

@@ -10,9 +10,11 @@ import { debounceTime, filter } from 'rxjs/operators';
 class InfiniteScrollDirective {
     constructor() {
         /** Scroll percentage at which the onScrollAction event is fired. */
-        this.scrollPercent = input(75, ...(ngDevMode ? [{ debugName: "scrollPercent" }] : []));
+        this.scrollPercent = input(75, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollPercent" }] : /* istanbul ignore next */ []));
         /** Scroll PX at which the onScrollAction event is fired. */
-        this.scrollOffset = input(null, ...(ngDevMode ? [{ debugName: "scrollOffset" }] : []));
+        this.scrollOffset = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollOffset" }] : /* istanbul ignore next */ []));
         /** Event emitted when the scrollPercent threshold is met. */
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onScrollAction = output();
@@ -40,10 +42,10 @@ class InfiniteScrollDirective {
             .pipe(debounceTime(50), filter(() => this.shouldTriggerAction()), takeUntilDestroyed(this._destroyRef))
             .subscribe(() => this.onScrollAction.emit());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: InfiniteScrollDirective, isStandalone: true, selector: "[fdInfiniteScroll]", inputs: { scrollPercent: { classPropertyName: "scrollPercent", publicName: "scrollPercent", isSignal: true, isRequired: false, transformFunction: null }, scrollOffset: { classPropertyName: "scrollOffset", publicName: "scrollOffset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollAction: "onScrollAction" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: InfiniteScrollDirective, isStandalone: true, selector: "[fdInfiniteScroll]", inputs: { scrollPercent: { classPropertyName: "scrollPercent", publicName: "scrollPercent", isSignal: true, isRequired: false, transformFunction: null }, scrollOffset: { classPropertyName: "scrollOffset", publicName: "scrollOffset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollAction: "onScrollAction" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdInfiniteScroll]'
@@ -55,11 +57,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Use direct imports of components and directives.
  */
 class InfiniteScrollModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollModule, imports: [InfiniteScrollDirective], exports: [InfiniteScrollDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollModule, imports: [InfiniteScrollDirective], exports: [InfiniteScrollDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfiniteScrollModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfiniteScrollModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [InfiniteScrollDirective],

package/fesm2022/fundamental-ngx-core-infinite-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-infinite-scroll.mjs","sources":["../../../../libs/core/infinite-scroll/infinite-scroll.directive.ts","../../../../libs/core/infinite-scroll/infinite-scroll.module.ts","../../../../libs/core/infinite-scroll/fundamental-ngx-core-infinite-scroll.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, input, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, filter } from 'rxjs/operators';\n\n/**\n * Tool directive used to achieve the infinite scroll mechanism.\n */\n@Directive({\n    selector: '[fdInfiniteScroll]'\n})\nexport class InfiniteScrollDirective {\n    /** Scroll percentage at which the onScrollAction event is fired. */\n    readonly scrollPercent = input(75);\n\n    /** Scroll PX at which the onScrollAction event is fired. */\n    readonly scrollOffset = input<Nullable<number>>(null);\n\n    /** Event emitted when the scrollPercent threshold is met. */\n    // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n    readonly onScrollAction = output<void>();\n\n    /** @hidden */\n    private readonly _element = inject(ElementRef);\n\n    /** @hidden */\n    private readonly _destroyRef = inject(DestroyRef);\n\n    constructor() {\n        this._listenOnScroll();\n    }\n\n    /** @hidden */\n    shouldTriggerAction(): boolean {\n        const element = this._element.nativeElement;\n        const offset: number = element.scrollTop + element.offsetHeight;\n        const scrollOffsetValue = this.scrollOffset();\n        if (scrollOffsetValue) {\n            return offset > element.scrollHeight - scrollOffsetValue;\n        } else {\n            return offset / element.scrollHeight > this.scrollPercent() / 100;\n        }\n    }\n\n    /** @hidden */\n    private _listenOnScroll(): void {\n        fromEvent(this._element.nativeElement, 'scroll')\n            .pipe(\n                debounceTime(50),\n                filter(() => this.shouldTriggerAction()),\n                takeUntilDestroyed(this._destroyRef)\n            )\n            .subscribe(() => this.onScrollAction.emit());\n    }\n}\n","import { NgModule } from '@angular/core';\n\nimport { InfiniteScrollDirective } from './infinite-scroll.directive';\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [InfiniteScrollDirective],\n    exports: [InfiniteScrollDirective]\n})\nexport class InfiniteScrollModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAIU,uBAAuB,CAAA;AAiBhC,IAAA,WAAA,GAAA;;AAfS,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,EAAE,yDAAC;;AAGzB,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAmB,IAAI,wDAAC;;;QAI5C,IAAA,CAAA,cAAc,GAAG,MAAM,EAAQ;;AAGvB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;;AAG7B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QAG7C,IAAI,CAAC,eAAe,EAAE;IAC1B;;IAGA,mBAAmB,GAAA;AACf,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa;QAC3C,MAAM,MAAM,GAAW,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;AAC/D,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE;QAC7C,IAAI,iBAAiB,EAAE;AACnB,YAAA,OAAO,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG,iBAAiB;QAC5D;aAAO;AACH,YAAA,OAAO,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,GAAG;QACrE;IACJ;;IAGQ,eAAe,GAAA;QACnB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,QAAQ;aAC1C,IAAI,CACD,YAAY,CAAC,EAAE,CAAC,EAChB,MAAM,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,EACxC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aAEvC,SAAS,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IACpD;8GA1CS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;ACPD;;;AAGG;MAKU,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,OAAA,EAAA,CAHnB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CACvB,uBAAuB,CAAA,EAAA,CAAA,CAAA;+GAExB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,OAAO,EAAE,CAAC,uBAAuB;AACpC,iBAAA;;;ACXD;;AAEG;;;;"}
+{"version":3,"file":"fundamental-ngx-core-infinite-scroll.mjs","sources":["../../../../libs/core/infinite-scroll/infinite-scroll.directive.ts","../../../../libs/core/infinite-scroll/infinite-scroll.module.ts","../../../../libs/core/infinite-scroll/fundamental-ngx-core-infinite-scroll.ts"],"sourcesContent":["import { DestroyRef, Directive, ElementRef, inject, input, output } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { Nullable } from '@fundamental-ngx/cdk/utils';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, filter } from 'rxjs/operators';\n\n/**\n * Tool directive used to achieve the infinite scroll mechanism.\n */\n@Directive({\n    selector: '[fdInfiniteScroll]'\n})\nexport class InfiniteScrollDirective {\n    /** Scroll percentage at which the onScrollAction event is fired. */\n    readonly scrollPercent = input(75);\n\n    /** Scroll PX at which the onScrollAction event is fired. */\n    readonly scrollOffset = input<Nullable<number>>(null);\n\n    /** Event emitted when the scrollPercent threshold is met. */\n    // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n    readonly onScrollAction = output<void>();\n\n    /** @hidden */\n    private readonly _element = inject(ElementRef);\n\n    /** @hidden */\n    private readonly _destroyRef = inject(DestroyRef);\n\n    constructor() {\n        this._listenOnScroll();\n    }\n\n    /** @hidden */\n    shouldTriggerAction(): boolean {\n        const element = this._element.nativeElement;\n        const offset: number = element.scrollTop + element.offsetHeight;\n        const scrollOffsetValue = this.scrollOffset();\n        if (scrollOffsetValue) {\n            return offset > element.scrollHeight - scrollOffsetValue;\n        } else {\n            return offset / element.scrollHeight > this.scrollPercent() / 100;\n        }\n    }\n\n    /** @hidden */\n    private _listenOnScroll(): void {\n        fromEvent(this._element.nativeElement, 'scroll')\n            .pipe(\n                debounceTime(50),\n                filter(() => this.shouldTriggerAction()),\n                takeUntilDestroyed(this._destroyRef)\n            )\n            .subscribe(() => this.onScrollAction.emit());\n    }\n}\n","import { NgModule } from '@angular/core';\n\nimport { InfiniteScrollDirective } from './infinite-scroll.directive';\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n    imports: [InfiniteScrollDirective],\n    exports: [InfiniteScrollDirective]\n})\nexport class InfiniteScrollModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAMA;;AAEG;MAIU,uBAAuB,CAAA;AAiBhC,IAAA,WAAA,GAAA;;QAfS,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,EAAE;0FAAC;;QAGzB,IAAA,CAAA,YAAY,GAAG,KAAK,CAAmB,IAAI;yFAAC;;;QAI5C,IAAA,CAAA,cAAc,GAAG,MAAM,EAAQ;;AAGvB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;;AAG7B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QAG7C,IAAI,CAAC,eAAe,EAAE;IAC1B;;IAGA,mBAAmB,GAAA;AACf,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa;QAC3C,MAAM,MAAM,GAAW,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,YAAY;AAC/D,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE;QAC7C,IAAI,iBAAiB,EAAE;AACnB,YAAA,OAAO,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG,iBAAiB;QAC5D;aAAO;AACH,YAAA,OAAO,MAAM,GAAG,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,GAAG;QACrE;IACJ;;IAGQ,eAAe,GAAA;QACnB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,QAAQ;aAC1C,IAAI,CACD,YAAY,CAAC,EAAE,CAAC,EAChB,MAAM,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC,EACxC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aAEvC,SAAS,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;IACpD;8GA1CS,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;ACPD;;;AAGG;MAKU,oBAAoB,CAAA;8GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAApB,oBAAoB,EAAA,OAAA,EAAA,CAHnB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CACvB,uBAAuB,CAAA,EAAA,CAAA,CAAA;+GAExB,oBAAoB,EAAA,CAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,OAAO,EAAE,CAAC,uBAAuB;AACpC,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/fundamental-ngx-core-info-label.mjs

@@ -14,47 +14,56 @@ class InfoLabelComponent {
          * - `undefined`: Default text-only label (omit this property for default)
          * @default undefined
          */
-        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+        this.type = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
         /**
          * The icon name to display when `type` is set to `'icon'`.
          * @default null
          */
-        this.glyph = input(...(ngDevMode ? [undefined, { debugName: "glyph" }] : []));
+        this.glyph = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "glyph" }] : /* istanbul ignore next */ []));
         /**
          * The icon font family to use for the icon.
          * @default 'SAP-icons'
          */
-        this.font = input('SAP-icons', ...(ngDevMode ? [{ debugName: "font" }] : []));
+        this.font = input('SAP-icons', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "font" }] : /* istanbul ignore next */ []));
         /**
          * Accent color of the info label, ranging from 1 to 10.
          * Invalid values default to 7 with a console warning in development mode.
          * @default 7
          */
-        this.color = input(defaultColor, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.color = input(defaultColor, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         /**
          * The text content displayed in the info label.
          */
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.label = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
         /**
          * Tooltip text displayed on hover.
          * Provides additional context about the label.
          */
-        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+        this.title = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
         /**
          * ARIA label for accessibility.
          * Overrides the visible label for screen readers when provided.
          */
-        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+        this.ariaLabel = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
         /**
          * ARIA labelledby for accessibility.
          * Used when the label is provided by another element.
          */
-        this.ariaLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : []));
+        this.ariaLabelledBy = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
         /**
          * Screen reader only text for additional context.
          * Defaults to translated "Info Label" if not provided.
          */
-        this.srText = input(...(ngDevMode ? [undefined, { debugName: "srText" }] : []));
+        this.srText = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "srText" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this.elementRef = inject(ElementRef);
         /** @hidden Validated color with fallback to default */
@@ -65,7 +74,8 @@ class InfoLabelComponent {
                 return numericColor;
             }
             return defaultColor; // Default fallback for invalid values
-        }, ...(ngDevMode ? [{ debugName: "validatedColor" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "validatedColor" }] : /* istanbul ignore next */ []));
         /** @hidden */
         this.cssClass = computed(() => [
             'fd-info-label',
@@ -73,12 +83,13 @@ class InfoLabelComponent {
             `fd-info-label--accent-color-${this.validatedColor()}`
         ]
             .filter(Boolean)
-            .join(' '), ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
+            .join(' '), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cssClass" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: InfoLabelComponent, isStandalone: true, selector: "fd-info-label", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, glyph: { classPropertyName: "glyph", publicName: "glyph", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, srText: { classPropertyName: "srText", publicName: "srText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: "@if (glyph()) {\n    <fd-icon\n        class=\"fd-info-label__icon\"\n        [glyph]=\"glyph()\"\n        [font]=\"font()\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n    ></fd-icon>\n}\n@if (label()) {\n    <span\n        class=\"fd-info-label__text\"\n        [attr.title]=\"title()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-labelledby]=\"ariaLabelledBy()\"\n        >{{ label() }}</span\n    >\n}\n<span class=\"fd-info-label__sr-only\">{{ srText() || ('coreInfoLabel.srOnlyText' | fdTranslate)() }}</span>\n", styles: [".fd-info-label{--fdInfoLabel_Margin:.25rem;--fdInfoLabel_Padding:.375rem;--fdInfoLabel_Icon_Size:.75rem;--fdInfoLabel_Height:var(--fdInfo_Label_Height);--fdInfoLabel_Label_Font_Size:var(--sapFontSize);--fdInfoLabel_Color:var(--fdInfoLabel_Color_Accent_7);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Background:var(--fdInfoLabel_Background_Color_Accent_7);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-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-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdInfoLabel_Background);border:.0625rem solid var(--fdInfoLabel_Border_Color);border-radius:var(--fdInfoLabel_Border_Radius);color:var(--fdInfoLabel_Color);gap:var(--fdInfoLabel_Margin);height:var(--fdInfoLabel_Height);padding-block:0;padding-inline:var(--fdInfoLabel_Padding);width:auto}.fd-info-label:after,.fd-info-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;font-size:var(--fdInfoLabel_Icon_Size);height:var(--fdInfoLabel_Height);line-height:var(--fdInfoLabel_Height)}.fd-info-label__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--fdInfoLabel_Label_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-info-label__text:after,.fd-info-label__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-info-label--accent-color-1{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color1);--fdInfoLabel_Color:var(--fdInfo_Label_Color1);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color2);--fdInfoLabel_Color:var(--fdInfo_Label_Color2);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color3);--fdInfoLabel_Color:var(--fdInfo_Label_Color3);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color4);--fdInfoLabel_Color:var(--fdInfo_Label_Color4);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color5);--fdInfoLabel_Color:var(--fdInfo_Label_Color5);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color6);--fdInfoLabel_Color:var(--fdInfo_Label_Color6);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Color:var(--fdInfo_Label_Color7);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color8);--fdInfoLabel_Color:var(--fdInfo_Label_Color8);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color9);--fdInfoLabel_Color:var(--fdInfo_Label_Color9);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color10);--fdInfoLabel_Color:var(--fdInfo_Label_Color10);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfoLabel_Padding:.25rem;--fdInfoLabel_Margin:.125rem;--fdInfoLabel_Icon_Size:.625rem;--fdInfoLabel_Label_Font_Size:var(--sapFontSmallSize);--fdInfoLabel_Height:var(--fdInfo_Label_Height_Display);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius_Display)}.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/info-label.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 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*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: InfoLabelComponent, isStandalone: true, selector: "fd-info-label", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, glyph: { classPropertyName: "glyph", publicName: "glyph", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, srText: { classPropertyName: "srText", publicName: "srText", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClass()" } }, ngImport: i0, template: "@if (glyph()) {\n    <fd-icon\n        class=\"fd-info-label__icon\"\n        [glyph]=\"glyph()\"\n        [font]=\"font()\"\n        role=\"presentation\"\n        aria-hidden=\"true\"\n    ></fd-icon>\n}\n@if (label()) {\n    <span\n        class=\"fd-info-label__text\"\n        [attr.title]=\"title()\"\n        [attr.aria-label]=\"ariaLabel()\"\n        [attr.aria-labelledby]=\"ariaLabelledBy()\"\n        >{{ label() }}</span\n    >\n}\n<span class=\"fd-info-label__sr-only\">{{ srText() || ('coreInfoLabel.srOnlyText' | fdTranslate)() }}</span>\n", styles: [".fd-info-label{--fdInfoLabel_Margin:.25rem;--fdInfoLabel_Padding:.375rem;--fdInfoLabel_Icon_Size:.75rem;--fdInfoLabel_Height:var(--fdInfo_Label_Height);--fdInfoLabel_Label_Font_Size:var(--sapFontSize);--fdInfoLabel_Color:var(--fdInfoLabel_Color_Accent_7);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Background:var(--fdInfoLabel_Background_Color_Accent_7);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-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-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--fdInfoLabel_Background);border:.0625rem solid var(--fdInfoLabel_Border_Color);border-radius:var(--fdInfoLabel_Border_Radius);color:var(--fdInfoLabel_Color);gap:var(--fdInfoLabel_Margin);height:var(--fdInfoLabel_Height);padding-block:0;padding-inline:var(--fdInfoLabel_Padding);width:auto}.fd-info-label:after,.fd-info-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__icon [class*=sap-icon],.fd-info-label__icon[class*=sap-icon]{color:inherit;font-size:var(--fdInfoLabel_Icon_Size);height:var(--fdInfoLabel_Height);line-height:var(--fdInfoLabel_Height)}.fd-info-label__text{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:inherit;font-family:var(--sapFontFamily);font-family:var(--sapFontSemiboldDuplexFamily);font-size:var(--sapFontSize);font-size:var(--fdInfoLabel_Label_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-info-label__text:after,.fd-info-label__text:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin-block:-1px;margin-inline:-1px;overflow:hidden;padding-block:0;padding-inline:0;white-space:nowrap;width:1px}.fd-info-label--accent-color-1{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color1);--fdInfoLabel_Color:var(--fdInfo_Label_Color1);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color1)}.fd-info-label--accent-color-2{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color2);--fdInfoLabel_Color:var(--fdInfo_Label_Color2);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color2)}.fd-info-label--accent-color-3{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color3);--fdInfoLabel_Color:var(--fdInfo_Label_Color3);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color3)}.fd-info-label--accent-color-4{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color4);--fdInfoLabel_Color:var(--fdInfo_Label_Color4);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color4)}.fd-info-label--accent-color-5{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color5);--fdInfoLabel_Color:var(--fdInfo_Label_Color5);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color5)}.fd-info-label--accent-color-6{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color6);--fdInfoLabel_Color:var(--fdInfo_Label_Color6);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color6)}.fd-info-label--accent-color-7{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color7);--fdInfoLabel_Color:var(--fdInfo_Label_Color7);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color7)}.fd-info-label--accent-color-8{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color8);--fdInfoLabel_Color:var(--fdInfo_Label_Color8);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color8)}.fd-info-label--accent-color-9{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color9);--fdInfoLabel_Color:var(--fdInfo_Label_Color9);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color9)}.fd-info-label--accent-color-10{--fdInfoLabel_Background:var(--fdInfo_Label_Background_Color10);--fdInfoLabel_Color:var(--fdInfo_Label_Color10);--fdInfoLabel_Border_Color:var(--fdInfo_Label_Border_Color10)}.fd-info-label--display{--fdInfoLabel_Padding:.25rem;--fdInfoLabel_Margin:.125rem;--fdInfoLabel_Icon_Size:.625rem;--fdInfoLabel_Label_Font_Size:var(--sapFontSmallSize);--fdInfoLabel_Height:var(--fdInfo_Label_Height_Display);--fdInfoLabel_Border_Radius:var(--fdInfo_Label_Border_Radius_Display)}.fd-info-label__sr-only{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;border:0;margin-inline:-1px;margin-block:-1px;padding-inline:0;padding-block:0;overflow:hidden;white-space:nowrap}\n/*! Bundled license information:\n\nfundamental-styles/dist/info-label.css:\n  (*!\n   * Fundamental Library Styles v0.41.8\n   * Copyright (c) 2026 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*/\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "size", "class", "ariaLabel", "ariaHidden"], outputs: ["ariaHiddenChange"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-info-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent, FdTranslatePipe], host: {
                         '[class]': 'cssClass()'
@@ -90,11 +101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Use direct imports of components and directives.
  */
 class InfoLabelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelModule, imports: [InfoLabelComponent], exports: [InfoLabelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelModule, imports: [InfoLabelComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelModule, imports: [InfoLabelComponent], exports: [InfoLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelModule, imports: [InfoLabelComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: InfoLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: InfoLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [InfoLabelComponent],