@siemens/element-ng 49.16.0 → 51.0.0-rc.10

package/README.md

@@ -41,7 +41,7 @@ unless explicitly mentioned.
 
 Copyright (c) Siemens 2016 - 2026
 
-MIT, see [LICENSE.md](LICENSE.md).
+MIT, see [LICENSE](LICENSE).
 
 ### Bootstrap
 

package/fesm2022/siemens-element-ng-about.mjs

@@ -1,7 +1,7 @@
 import { NgTemplateOutlet } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, input, computed, signal, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, input, computed, signal, Component, NgModule } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { elementDocument } from '@siemens/element-icons';
 import { SiCollapsiblePanelComponent } from '@siemens/element-ng/accordion';
@@ -25,68 +25,84 @@ class SiAboutComponent {
      * t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`)
      * ```
      */
-    logoAlt = input(t(() => $localize `:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`), ...(ngDevMode ? [{ debugName: "logoAlt" }] : []));
+    logoAlt = input(t(() => $localize `:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "logoAlt" }] : /* istanbul ignore next */ []));
     /**
      * Title shown above the about information.
      */
-    aboutTitle = input.required(...(ngDevMode ? [{ debugName: "aboutTitle" }] : []));
+    aboutTitle = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "aboutTitle" }] : /* istanbul ignore next */ []));
     /**
      * Define mode to display the licenses. See {@link LicenseInfo}
      */
-    licenseInfo = input.required(...(ngDevMode ? [{ debugName: "licenseInfo" }] : []));
+    licenseInfo = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "licenseInfo" }] : /* istanbul ignore next */ []));
     /**
      * Path to the application logo. Use for image
      */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
      * Name of element icon. Use as alternative to image
      */
-    iconName = input(...(ngDevMode ? [undefined, { debugName: "iconName" }] : []));
+    iconName = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "iconName" }] : /* istanbul ignore next */ []));
     /**
      * Title of this application.
      */
-    appName = input.required(...(ngDevMode ? [{ debugName: "appName" }] : []));
+    appName = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []));
     /**
      * Sub titles of the application. Shown as a list below the application name. (Optional)
      */
-    subheading = input(...(ngDevMode ? [undefined, { debugName: "subheading" }] : []));
+    subheading = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "subheading" }] : /* istanbul ignore next */ []));
     /**
      * Link to `Acceptable Use Policy`.
      */
-    acceptableUsePolicyLink = input(...(ngDevMode ? [undefined, { debugName: "acceptableUsePolicyLink" }] : []));
+    acceptableUsePolicyLink = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "acceptableUsePolicyLink" }] : /* istanbul ignore next */ []));
     /**
      * Link to `Corporate Information`.
      */
-    imprintLink = input(...(ngDevMode ? [undefined, { debugName: "imprintLink" }] : []));
+    imprintLink = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "imprintLink" }] : /* istanbul ignore next */ []));
     /**
      * Link to `Privacy Notice`.
      */
-    privacyLink = input(...(ngDevMode ? [undefined, { debugName: "privacyLink" }] : []));
+    privacyLink = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "privacyLink" }] : /* istanbul ignore next */ []));
     /**
      * Link to `Cookie Notice`.
      */
-    cookieNoticeLink = input(...(ngDevMode ? [undefined, { debugName: "cookieNoticeLink" }] : []));
+    cookieNoticeLink = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "cookieNoticeLink" }] : /* istanbul ignore next */ []));
     /**
      * Link to `Terms of Use`.
      */
-    termsLink = input(...(ngDevMode ? [undefined, { debugName: "termsLink" }] : []));
+    termsLink = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "termsLink" }] : /* istanbul ignore next */ []));
     /**
      * Additional links listed in the about section.
      *
      * @defaultValue []
      */
-    links = input([], ...(ngDevMode ? [{ debugName: "links" }] : []));
+    links = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
     /**
      * Copyright information to be displayed. Alternatively, you can use the {@link SI_COPYRIGHT_DETAILS} global inject.
      */
-    copyrightDetails = input(...(ngDevMode ? [undefined, { debugName: "copyrightDetails" }] : []));
+    copyrightDetails = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "copyrightDetails" }] : /* istanbul ignore next */ []));
     sanitizedUrl = computed(() => {
         const licenseInfo = this.licenseInfo();
         return licenseInfo.iframe != null
             ? this.sanitizer.bypassSecurityTrustResourceUrl(licenseInfo.iframe)
             : undefined;
-    }, ...(ngDevMode ? [{ debugName: "sanitizedUrl" }] : []));
-    licenseApi = signal([], ...(ngDevMode ? [{ debugName: "licenseApi" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sanitizedUrl" }] : /* istanbul ignore next */ []));
+    licenseApi = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "licenseApi" }] : /* istanbul ignore next */ []));
     icons = addIcons({ elementDocument });
     ngOnInit() {
         const licenseInfo = this.licenseInfo();
@@ -122,10 +138,10 @@ class SiAboutComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiAboutComponent, isStandalone: true, selector: "si-about", inputs: { logoAlt: { classPropertyName: "logoAlt", publicName: "logoAlt", isSignal: true, isRequired: false, transformFunction: null }, aboutTitle: { classPropertyName: "aboutTitle", publicName: "aboutTitle", isSignal: true, isRequired: true, transformFunction: null }, licenseInfo: { classPropertyName: "licenseInfo", publicName: "licenseInfo", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: true, transformFunction: null }, subheading: { classPropertyName: "subheading", publicName: "subheading", isSignal: true, isRequired: false, transformFunction: null }, acceptableUsePolicyLink: { classPropertyName: "acceptableUsePolicyLink", publicName: "acceptableUsePolicyLink", isSignal: true, isRequired: false, transformFunction: null }, imprintLink: { classPropertyName: "imprintLink", publicName: "imprintLink", isSignal: true, isRequired: false, transformFunction: null }, privacyLink: { classPropertyName: "privacyLink", publicName: "privacyLink", isSignal: true, isRequired: false, transformFunction: null }, cookieNoticeLink: { classPropertyName: "cookieNoticeLink", publicName: "cookieNoticeLink", isSignal: true, isRequired: false, transformFunction: null }, termsLink: { classPropertyName: "termsLink", publicName: "termsLink", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, copyrightDetails: { classPropertyName: "copyrightDetails", publicName: "copyrightDetails", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-body focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n", styles: [".list-group-item{border-width:0 0 1px;padding-inline:16px}.list-group-item.with-border:first-child{border-block-start-width:1px}.list-group-item:last-child{border-block-end-width:0}.app-icon{font-size:150px}iframe{border-style:none;min-block-size:500px;margin-block-end:-5px}pre{word-break:break-word;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiCollapsiblePanelComponent, selector: "si-collapsible-panel", inputs: ["heading", "headerCssClasses", "contentBgClasses", "contentCssClasses", "opened", "icon", "disabled", "colorVariant", "badge", "badgeColor"], outputs: ["openedChange", "panelToggle"] }, { kind: "component", type: SiCopyrightNoticeComponent, selector: "si-copyright-notice", inputs: ["copyright"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiAboutComponent, isStandalone: true, selector: "si-about", inputs: { logoAlt: { classPropertyName: "logoAlt", publicName: "logoAlt", isSignal: true, isRequired: false, transformFunction: null }, aboutTitle: { classPropertyName: "aboutTitle", publicName: "aboutTitle", isSignal: true, isRequired: true, transformFunction: null }, licenseInfo: { classPropertyName: "licenseInfo", publicName: "licenseInfo", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, appName: { classPropertyName: "appName", publicName: "appName", isSignal: true, isRequired: true, transformFunction: null }, subheading: { classPropertyName: "subheading", publicName: "subheading", isSignal: true, isRequired: false, transformFunction: null }, acceptableUsePolicyLink: { classPropertyName: "acceptableUsePolicyLink", publicName: "acceptableUsePolicyLink", isSignal: true, isRequired: false, transformFunction: null }, imprintLink: { classPropertyName: "imprintLink", publicName: "imprintLink", isSignal: true, isRequired: false, transformFunction: null }, privacyLink: { classPropertyName: "privacyLink", publicName: "privacyLink", isSignal: true, isRequired: false, transformFunction: null }, cookieNoticeLink: { classPropertyName: "cookieNoticeLink", publicName: "cookieNoticeLink", isSignal: true, isRequired: false, transformFunction: null }, termsLink: { classPropertyName: "termsLink", publicName: "termsLink", isSignal: true, isRequired: false, transformFunction: null }, links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, copyrightDetails: { classPropertyName: "copyrightDetails", publicName: "copyrightDetails", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-primary focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n", styles: [".list-group-item{border-width:0 0 1px;padding-inline:var(--si-sys-sizing-spacing-x-60)}.list-group-item.with-border:first-child{border-block-start-width:1px}.list-group-item:last-child{border-block-end-width:0}.app-icon{font-size:150px}iframe{border-style:none;min-block-size:500px;margin-block-end:-5px}pre{word-break:break-word;white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiCollapsiblePanelComponent, selector: "si-collapsible-panel", inputs: ["heading", "headerCssClasses", "contentBgClasses", "contentCssClasses", "opened", "icon", "disabled", "colorVariant", "badge", "badgeColor"], outputs: ["openedChange", "panelToggle"] }, { kind: "component", type: SiCopyrightNoticeComponent, selector: "si-copyright-notice", inputs: ["copyright"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAboutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAboutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-about', imports: [
                         NgTemplateOutlet,
@@ -134,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         SiIconComponent,
                         SiLinkDirective,
                         SiTranslatePipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-body focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n", styles: [".list-group-item{border-width:0 0 1px;padding-inline:16px}.list-group-item.with-border:first-child{border-block-start-width:1px}.list-group-item:last-child{border-block-end-width:0}.app-icon{font-size:150px}iframe{border-style:none;min-block-size:500px;margin-block-end:-5px}pre{word-break:break-word;white-space:pre-wrap}\n"] }]
+                    ], template: "<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-primary focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n", styles: [".list-group-item{border-width:0 0 1px;padding-inline:var(--si-sys-sizing-spacing-x-60)}.list-group-item.with-border:first-child{border-block-start-width:1px}.list-group-item:last-child{border-block-end-width:0}.app-icon{font-size:150px}iframe{border-style:none;min-block-size:500px;margin-block-end:-5px}pre{word-break:break-word;white-space:pre-wrap}\n"] }]
         }], propDecorators: { logoAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoAlt", required: false }] }], aboutTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "aboutTitle", required: true }] }], licenseInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "licenseInfo", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], appName: [{ type: i0.Input, args: [{ isSignal: true, alias: "appName", required: true }] }], subheading: [{ type: i0.Input, args: [{ isSignal: true, alias: "subheading", required: false }] }], acceptableUsePolicyLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "acceptableUsePolicyLink", required: false }] }], imprintLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "imprintLink", required: false }] }], privacyLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "privacyLink", required: false }] }], cookieNoticeLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "cookieNoticeLink", required: false }] }], termsLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "termsLink", required: false }] }], links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }], copyrightDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyrightDetails", required: false }] }] } });
 
 /**
@@ -142,11 +158,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiAboutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiAboutModule, imports: [SiAboutComponent], exports: [SiAboutComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAboutModule, imports: [SiAboutComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SiAboutModule, imports: [SiAboutComponent], exports: [SiAboutComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAboutModule, imports: [SiAboutComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAboutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiAboutComponent],

package/fesm2022/siemens-element-ng-about.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-about.mjs","sources":["../../../../projects/element-ng/about/si-about.component.ts","../../../../projects/element-ng/about/si-about.component.html","../../../../projects/element-ng/about/si-about.module.ts","../../../../projects/element-ng/about/index.ts","../../../../projects/element-ng/about/siemens-element-ng-about.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  OnInit,\n  signal\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { elementDocument } from '@siemens/element-icons';\nimport { SiCollapsiblePanelComponent } from '@siemens/element-ng/accordion';\nimport { CopyrightDetails, SiCopyrightNoticeComponent } from '@siemens/element-ng/copyright-notice';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { ApiInfo, LicenseInfo } from './si-about-data.model';\n\n@Component({\n  selector: 'si-about',\n  imports: [\n    NgTemplateOutlet,\n    SiCollapsiblePanelComponent,\n    SiCopyrightNoticeComponent,\n    SiIconComponent,\n    SiLinkDirective,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-about.component.html',\n  styleUrl: './si-about.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiAboutComponent implements OnInit {\n  private http = inject(HttpClient);\n  private sanitizer = inject(DomSanitizer);\n\n  /**\n   * Alt text for the application logo. Supports `{{appName}}` placeholder for interpolation.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`)\n   * ```\n   */\n  readonly logoAlt = input(t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`));\n\n  /**\n   * Title shown above the about information.\n   */\n  readonly aboutTitle = input.required<string>();\n  /**\n   * Define mode to display the licenses. See {@link LicenseInfo}\n   */\n  readonly licenseInfo = input.required<LicenseInfo>();\n  /**\n   * Path to the application logo. Use for image\n   */\n  readonly icon = input<string>();\n  /**\n   * Name of element icon. Use as alternative to image\n   */\n  readonly iconName = input<string>();\n  /**\n   * Title of this application.\n   */\n  readonly appName = input.required<string>();\n  /**\n   * Sub titles of the application. Shown as a list below the application name. (Optional)\n   */\n  readonly subheading = input<string[]>();\n  /**\n   * Link to `Acceptable Use Policy`.\n   */\n  readonly acceptableUsePolicyLink = input<Link>();\n  /**\n   * Link to `Corporate Information`.\n   */\n  readonly imprintLink = input<Link>();\n  /**\n   * Link to `Privacy Notice`.\n   */\n  readonly privacyLink = input<Link>();\n  /**\n   * Link to `Cookie Notice`.\n   */\n  readonly cookieNoticeLink = input<Link>();\n  /**\n   * Link to `Terms of Use`.\n   */\n  readonly termsLink = input<Link>();\n  /**\n   * Additional links listed in the about section.\n   *\n   * @defaultValue []\n   */\n  readonly links = input<Link[]>([]);\n  /**\n   * Copyright information to be displayed. Alternatively, you can use the {@link SI_COPYRIGHT_DETAILS} global inject.\n   */\n  readonly copyrightDetails = input<CopyrightDetails>();\n\n  protected readonly sanitizedUrl = computed(() => {\n    const licenseInfo = this.licenseInfo();\n    return licenseInfo.iframe != null\n      ? this.sanitizer.bypassSecurityTrustResourceUrl(licenseInfo.iframe)\n      : undefined;\n  });\n\n  protected readonly licenseApi = signal<ApiInfo[]>([]);\n  protected readonly icons = addIcons({ elementDocument });\n\n  ngOnInit(): void {\n    const licenseInfo = this.licenseInfo();\n    if (licenseInfo.api) {\n      this.http.get<ApiInfo[]>(licenseInfo.api, { responseType: 'json' }).subscribe(data => {\n        this.licenseApi.set(data);\n        if (this.licenseApi().length === 1) {\n          data[0].isOpen = false;\n          this.licenseApi.set([...data]);\n          this.toggleLoadLicenseApi(this.licenseApi()[0]);\n        }\n      });\n    }\n  }\n\n  protected toggleLoadLicenseApi(apiInfo: ApiInfo): void {\n    const licenseApi = this.licenseApi();\n    if (!apiInfo.isOpen && !apiInfo.files) {\n      this.http.get<ApiInfo[]>(apiInfo.href, { responseType: 'json' }).subscribe(files => {\n        apiInfo.files = files;\n        this.licenseApi.set([...licenseApi]);\n      });\n    }\n    apiInfo.isOpen = !apiInfo.isOpen;\n    this.licenseApi.set([...licenseApi]);\n  }\n\n  protected toggleLoadLicenseContent(apiInfo: ApiInfo): void {\n    const licenseApi = this.licenseApi();\n    apiInfo.isOpen = !apiInfo.isOpen;\n    if (!apiInfo.content) {\n      this.http.get(apiInfo.href, { responseType: 'text' }).subscribe((content: string) => {\n        apiInfo.content = content;\n        this.licenseApi.set([...licenseApi]);\n      });\n    }\n  }\n}\n","<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-body focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAboutComponent } from './si-about.component';\n\n@NgModule({\n  imports: [SiAboutComponent],\n  exports: [SiAboutComponent]\n})\nexport class SiAboutModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-about.component';\nexport * from './si-about.module';\nexport * from './si-about-data.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-about.mjs","sources":["../../../../projects/element-ng/about/si-about.component.ts","../../../../projects/element-ng/about/si-about.component.html","../../../../projects/element-ng/about/si-about.module.ts","../../../../projects/element-ng/about/index.ts","../../../../projects/element-ng/about/siemens-element-ng-about.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport { HttpClient } from '@angular/common/http';\nimport { Component, computed, inject, input, OnInit, signal } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { elementDocument } from '@siemens/element-icons';\nimport { SiCollapsiblePanelComponent } from '@siemens/element-ng/accordion';\nimport { CopyrightDetails, SiCopyrightNoticeComponent } from '@siemens/element-ng/copyright-notice';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { Link, SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { ApiInfo, LicenseInfo } from './si-about-data.model';\n\n@Component({\n  selector: 'si-about',\n  imports: [\n    NgTemplateOutlet,\n    SiCollapsiblePanelComponent,\n    SiCopyrightNoticeComponent,\n    SiIconComponent,\n    SiLinkDirective,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-about.component.html',\n  styleUrl: './si-about.component.scss'\n})\nexport class SiAboutComponent implements OnInit {\n  private http = inject(HttpClient);\n  private sanitizer = inject(DomSanitizer);\n\n  /**\n   * Alt text for the application logo. Supports `{{appName}}` placeholder for interpolation.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`)\n   * ```\n   */\n  readonly logoAlt = input(t(() => $localize`:@@SI_ABOUT.LOGO_ALT:{{appName}} logo`));\n\n  /**\n   * Title shown above the about information.\n   */\n  readonly aboutTitle = input.required<string>();\n  /**\n   * Define mode to display the licenses. See {@link LicenseInfo}\n   */\n  readonly licenseInfo = input.required<LicenseInfo>();\n  /**\n   * Path to the application logo. Use for image\n   */\n  readonly icon = input<string>();\n  /**\n   * Name of element icon. Use as alternative to image\n   */\n  readonly iconName = input<string>();\n  /**\n   * Title of this application.\n   */\n  readonly appName = input.required<string>();\n  /**\n   * Sub titles of the application. Shown as a list below the application name. (Optional)\n   */\n  readonly subheading = input<string[]>();\n  /**\n   * Link to `Acceptable Use Policy`.\n   */\n  readonly acceptableUsePolicyLink = input<Link>();\n  /**\n   * Link to `Corporate Information`.\n   */\n  readonly imprintLink = input<Link>();\n  /**\n   * Link to `Privacy Notice`.\n   */\n  readonly privacyLink = input<Link>();\n  /**\n   * Link to `Cookie Notice`.\n   */\n  readonly cookieNoticeLink = input<Link>();\n  /**\n   * Link to `Terms of Use`.\n   */\n  readonly termsLink = input<Link>();\n  /**\n   * Additional links listed in the about section.\n   *\n   * @defaultValue []\n   */\n  readonly links = input<Link[]>([]);\n  /**\n   * Copyright information to be displayed. Alternatively, you can use the {@link SI_COPYRIGHT_DETAILS} global inject.\n   */\n  readonly copyrightDetails = input<CopyrightDetails>();\n\n  protected readonly sanitizedUrl = computed(() => {\n    const licenseInfo = this.licenseInfo();\n    return licenseInfo.iframe != null\n      ? this.sanitizer.bypassSecurityTrustResourceUrl(licenseInfo.iframe)\n      : undefined;\n  });\n\n  protected readonly licenseApi = signal<ApiInfo[]>([]);\n  protected readonly icons = addIcons({ elementDocument });\n\n  ngOnInit(): void {\n    const licenseInfo = this.licenseInfo();\n    if (licenseInfo.api) {\n      this.http.get<ApiInfo[]>(licenseInfo.api, { responseType: 'json' }).subscribe(data => {\n        this.licenseApi.set(data);\n        if (this.licenseApi().length === 1) {\n          data[0].isOpen = false;\n          this.licenseApi.set([...data]);\n          this.toggleLoadLicenseApi(this.licenseApi()[0]);\n        }\n      });\n    }\n  }\n\n  protected toggleLoadLicenseApi(apiInfo: ApiInfo): void {\n    const licenseApi = this.licenseApi();\n    if (!apiInfo.isOpen && !apiInfo.files) {\n      this.http.get<ApiInfo[]>(apiInfo.href, { responseType: 'json' }).subscribe(files => {\n        apiInfo.files = files;\n        this.licenseApi.set([...licenseApi]);\n      });\n    }\n    apiInfo.isOpen = !apiInfo.isOpen;\n    this.licenseApi.set([...licenseApi]);\n  }\n\n  protected toggleLoadLicenseContent(apiInfo: ApiInfo): void {\n    const licenseApi = this.licenseApi();\n    apiInfo.isOpen = !apiInfo.isOpen;\n    if (!apiInfo.content) {\n      this.http.get(apiInfo.href, { responseType: 'text' }).subscribe((content: string) => {\n        apiInfo.content = content;\n        this.licenseApi.set([...licenseApi]);\n      });\n    }\n  }\n}\n","<div class=\"row mx-6 mt-6\">\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\">\n      <div class=\"card-header text-truncate\">\n        {{ aboutTitle() }}\n      </div>\n\n      <div class=\"list-group\">\n        <div class=\"list-group-item text-center\">\n          @let appIcon = iconName();\n          @if (icon()) {\n            <img\n              class=\"rounded-circle\"\n              height=\"150\"\n              [src]=\"icon()\"\n              [alt]=\"logoAlt() | translate: { appName: appName() }\"\n            />\n          } @else if (appIcon) {\n            <si-icon class=\"app-icon\" [icon]=\"appIcon\" />\n          }\n          <h3>{{ appName() }}</h3>\n          @for (item of subheading(); track $index) {\n            <p>{{ item }}</p>\n          }\n          <si-copyright-notice [copyright]=\"copyrightDetails()\" />\n        </div>\n\n        @if (imprintLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: imprintLink() }\"\n          />\n        }\n        @if (privacyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: privacyLink() }\"\n          />\n        }\n        @if (cookieNoticeLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: cookieNoticeLink() }\"\n          />\n        }\n        @if (termsLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: termsLink() }\"\n          />\n        }\n        @if (acceptableUsePolicyLink()) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: acceptableUsePolicyLink() }\"\n          />\n        }\n        @for (item of links(); track $index) {\n          <ng-container\n            [ngTemplateOutlet]=\"linkTemplate\"\n            [ngTemplateOutletContext]=\"{ link: item }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n\n  <div class=\"col-md-6 mb-6\">\n    <div class=\"card overflow-hidden\" [class.h-100]=\"licenseInfo().iframe\">\n      <div class=\"card-header text-truncate\">\n        {{ licenseInfo().title }}\n      </div>\n\n      <div class=\"h-100\">\n        @if (licenseInfo().text) {\n          <pre class=\"border-0 border-bottom my-0 px-6 py-4\">{{ licenseInfo().text }}</pre>\n        }\n\n        @if (sanitizedUrl()) {\n          <iframe class=\"w-100 h-100\" [src]=\"sanitizedUrl()\" [title]=\"licenseInfo().title\"></iframe>\n        }\n\n        @if (licenseInfo().api) {\n          @for (api of licenseApi(); track $index) {\n            <si-collapsible-panel\n              colorVariant=\"base-0\"\n              class=\"license-api\"\n              [heading]=\"api.name\"\n              (panelToggle)=\"toggleLoadLicenseApi(api)\"\n            >\n              @for (file of api.files; track $index) {\n                <si-collapsible-panel\n                  colorVariant=\"base-0\"\n                  class=\"license-api-file\"\n                  [icon]=\"licenseInfo().icon ? licenseInfo().icon : icons.elementDocument\"\n                  [heading]=\"file.name\"\n                  (panelToggle)=\"toggleLoadLicenseContent(file)\"\n                >\n                  <pre class=\"license-api-file-content px-6 py-6 my-0 border-0\">{{\n                    file.content\n                  }}</pre>\n                </si-collapsible-panel>\n              }\n            </si-collapsible-panel>\n          }\n        }\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #linkTemplate let-link=\"link\">\n  <a\n    class=\"list-group-item si-h5 text-primary focus-inside\"\n    siLinkDefaultTarget=\"_blank\"\n    [siLink]=\"link\"\n  >\n    {{ link.title | translate }}\n  </a>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAboutComponent } from './si-about.component';\n\n@NgModule({\n  imports: [SiAboutComponent],\n  exports: [SiAboutComponent]\n})\nexport class SiAboutModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-about.component';\nexport * from './si-about.module';\nexport * from './si-about-data.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}