@siemens/element-ng 48.9.0 → 49.0.0-rc.1

package/fesm2022/siemens-element-ng-electron-titlebar.mjs

@@ -13,32 +13,32 @@ class SiElectrontitlebarComponent {
     /**
      * Title of your application
      */
-    appTitle = input.required();
+    appTitle = input.required(...(ngDevMode ? [{ debugName: "appTitle" }] : []));
     /**
      * Defines if the application can go back or not
      *
      * @defaultValue false
      */
-    canGoBack = input(false, { transform: booleanAttribute });
+    canGoBack = input(false, { ...(ngDevMode ? { debugName: "canGoBack" } : {}), transform: booleanAttribute });
     /**
      * Defines if the application can go forward or not
      *
      * @defaultValue false
      */
-    canGoForward = input(false, { transform: booleanAttribute });
+    canGoForward = input(false, { ...(ngDevMode ? { debugName: "canGoForward" } : {}), transform: booleanAttribute });
     /**
      * Defines if the application is focused or not
      *
      * @defaultValue true
      */
-    hasFocus = input(true, { transform: booleanAttribute });
+    hasFocus = input(true, { ...(ngDevMode ? { debugName: "hasFocus" } : {}), transform: booleanAttribute });
     /**
      * List of menu items for the dropdown
      * In this dropdown should the zoom functionality as well as the refresh function be provided
      *
      * @defaultValue []
      */
-    menuItems = input([]);
+    menuItems = input([], ...(ngDevMode ? [{ debugName: "menuItems" }] : []));
     /**
      * Browsing forward function
      */
@@ -55,7 +55,7 @@ class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`)
      * ```
      */
-    ariaLabelForward = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`));
+    ariaLabelForward = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`), ...(ngDevMode ? [{ debugName: "ariaLabelForward" }] : []));
     /**
      * Aria Label for Back Button
      *
@@ -64,7 +64,7 @@ class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`)
      * ```
      */
-    ariaLabelBack = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.BACK:Back`));
+    ariaLabelBack = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.BACK:Back`), ...(ngDevMode ? [{ debugName: "ariaLabelBack" }] : []));
     /**
      * Aria Label for Menu Button
      *
@@ -73,26 +73,26 @@ class SiElectrontitlebarComponent {
      * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`)
      * ```
      */
-    ariaLabelMenu = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.MENU:Menu`));
+    ariaLabelMenu = input(t(() => $localize `:@@SI_ELECTRON_TITLEBAR.MENU:Menu`), ...(ngDevMode ? [{ debugName: "ariaLabelMenu" }] : []));
     icons = addIcons({ elementLeft4, elementRight4, elementOptionsVertical });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiElectrontitlebarComponent, isStandalone: true, selector: "si-electron-titlebar", inputs: { appTitle: { classPropertyName: "appTitle", publicName: "appTitle", isSignal: true, isRequired: true, transformFunction: null }, canGoBack: { classPropertyName: "canGoBack", publicName: "canGoBack", isSignal: true, isRequired: false, transformFunction: null }, canGoForward: { classPropertyName: "canGoForward", publicName: "canGoForward", isSignal: true, isRequired: false, transformFunction: null }, hasFocus: { classPropertyName: "hasFocus", publicName: "hasFocus", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelForward: { classPropertyName: "ariaLabelForward", publicName: "ariaLabelForward", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelBack: { classPropertyName: "ariaLabelBack", publicName: "ariaLabelBack", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelMenu: { classPropertyName: "ariaLabelMenu", publicName: "ariaLabelMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { forward: "forward", back: "back" }, ngImport: i0, template: "<div class=\"electron-title-bar-container w-100 bg-base-1 border-bottom fixed-top\">\n  <div class=\"electron-title-bar align-items-center d-flex h-100 gap-6\">\n    <span\n      class=\"mx-6 si-body electron-title-bar-app-name text-truncate\"\n      [class.unfocused]=\"!hasFocus()\"\n      >{{ appTitle() }}</span\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelBack() | translate\"\n      [disabled]=\"!canGoBack()\"\n      (click)=\"back.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n    </button>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelForward() | translate\"\n      [disabled]=\"!canGoForward()\"\n      (click)=\"forward.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n    </button>\n    @if (menuItems().length > 0) {\n      <button\n        type=\"button\"\n        class=\"btn btn-circle electron-title-bar-btn btn-tertiary btn-xs\"\n        [class.unfocused]=\"!hasFocus()\"\n        [attr.aria-label]=\"ariaLabelMenu() | translate\"\n        [cdkMenuTriggerFor]=\"menu\"\n      >\n        <si-icon [icon]=\"icons.elementOptionsVertical\" />\n      </button>\n    }\n    <div class=\"electron-title-bar-draggable flex-grow-1 w-100 h-100\"></div>\n  </div>\n</div>\n<ng-template #menu>\n  <div class=\"mt-2\">\n    <si-menu-factory [items]=\"menuItems()\" />\n  </div>\n</ng-template>\n", styles: [".electron-title-bar-container{block-size:36px;z-index:1033;inset-block-start:var(--element-system-banner-spacing, 0px)}.electron-title-bar{position:absolute;inset-inline-start:env(titlebar-area-x,0);inline-size:env(titlebar-area-width,100%)}.electron-title-bar-app-name{color:var(--element-text-secondary);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.electron-title-bar-draggable{flex-basis:content;-webkit-app-region:drag}.unfocused{color:var(--element-ui-3)}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiElectrontitlebarComponent, isStandalone: true, selector: "si-electron-titlebar", inputs: { appTitle: { classPropertyName: "appTitle", publicName: "appTitle", isSignal: true, isRequired: true, transformFunction: null }, canGoBack: { classPropertyName: "canGoBack", publicName: "canGoBack", isSignal: true, isRequired: false, transformFunction: null }, canGoForward: { classPropertyName: "canGoForward", publicName: "canGoForward", isSignal: true, isRequired: false, transformFunction: null }, hasFocus: { classPropertyName: "hasFocus", publicName: "hasFocus", isSignal: true, isRequired: false, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelForward: { classPropertyName: "ariaLabelForward", publicName: "ariaLabelForward", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelBack: { classPropertyName: "ariaLabelBack", publicName: "ariaLabelBack", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelMenu: { classPropertyName: "ariaLabelMenu", publicName: "ariaLabelMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { forward: "forward", back: "back" }, ngImport: i0, template: "<div class=\"electron-title-bar-container w-100 bg-base-1 border-bottom fixed-top\">\n  <div class=\"electron-title-bar align-items-center d-flex h-100 gap-6\">\n    <span\n      class=\"mx-6 si-body electron-title-bar-app-name text-truncate\"\n      [class.unfocused]=\"!hasFocus()\"\n      >{{ appTitle() }}</span\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelBack() | translate\"\n      [disabled]=\"!canGoBack()\"\n      (click)=\"back.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n    </button>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelForward() | translate\"\n      [disabled]=\"!canGoForward()\"\n      (click)=\"forward.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n    </button>\n    @if (menuItems().length > 0) {\n      <button\n        type=\"button\"\n        class=\"btn btn-circle electron-title-bar-btn btn-tertiary btn-xs\"\n        [class.unfocused]=\"!hasFocus()\"\n        [attr.aria-label]=\"ariaLabelMenu() | translate\"\n        [cdkMenuTriggerFor]=\"menu\"\n      >\n        <si-icon [icon]=\"icons.elementOptionsVertical\" />\n      </button>\n    }\n    <div class=\"electron-title-bar-draggable flex-grow-1 w-100 h-100\"></div>\n  </div>\n</div>\n<ng-template #menu>\n  <div class=\"mt-2\">\n    <si-menu-factory [items]=\"menuItems()\" />\n  </div>\n</ng-template>\n", styles: [".electron-title-bar-container{block-size:36px;z-index:1033;inset-block-start:var(--element-system-banner-spacing, 0px)}.electron-title-bar{position:absolute;inset-inline-start:env(titlebar-area-x,0);inline-size:env(titlebar-area-width,100%)}.electron-title-bar-app-name{color:var(--element-text-secondary);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.electron-title-bar-draggable{flex-basis:content;-webkit-app-region:drag}.unfocused{color:var(--element-ui-3)}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-electron-titlebar', imports: [CdkMenuTrigger, SiMenuFactoryComponent, SiIconComponent, SiTranslatePipe], template: "<div class=\"electron-title-bar-container w-100 bg-base-1 border-bottom fixed-top\">\n  <div class=\"electron-title-bar align-items-center d-flex h-100 gap-6\">\n    <span\n      class=\"mx-6 si-body electron-title-bar-app-name text-truncate\"\n      [class.unfocused]=\"!hasFocus()\"\n      >{{ appTitle() }}</span\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelBack() | translate\"\n      [disabled]=\"!canGoBack()\"\n      (click)=\"back.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n    </button>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelForward() | translate\"\n      [disabled]=\"!canGoForward()\"\n      (click)=\"forward.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n    </button>\n    @if (menuItems().length > 0) {\n      <button\n        type=\"button\"\n        class=\"btn btn-circle electron-title-bar-btn btn-tertiary btn-xs\"\n        [class.unfocused]=\"!hasFocus()\"\n        [attr.aria-label]=\"ariaLabelMenu() | translate\"\n        [cdkMenuTriggerFor]=\"menu\"\n      >\n        <si-icon [icon]=\"icons.elementOptionsVertical\" />\n      </button>\n    }\n    <div class=\"electron-title-bar-draggable flex-grow-1 w-100 h-100\"></div>\n  </div>\n</div>\n<ng-template #menu>\n  <div class=\"mt-2\">\n    <si-menu-factory [items]=\"menuItems()\" />\n  </div>\n</ng-template>\n", styles: [".electron-title-bar-container{block-size:36px;z-index:1033;inset-block-start:var(--element-system-banner-spacing, 0px)}.electron-title-bar{position:absolute;inset-inline-start:env(titlebar-area-x,0);inline-size:env(titlebar-area-width,100%)}.electron-title-bar-app-name{color:var(--element-text-secondary);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.electron-title-bar-draggable{flex-basis:content;-webkit-app-region:drag}.unfocused{color:var(--element-ui-3)}\n"] }]
-        }] });
+        }], propDecorators: { appTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "appTitle", required: true }] }], canGoBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGoBack", required: false }] }], canGoForward: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGoForward", required: false }] }], hasFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFocus", required: false }] }], menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: false }] }], forward: [{ type: i0.Output, args: ["forward"] }], back: [{ type: i0.Output, args: ["back"] }], ariaLabelForward: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelForward", required: false }] }], ariaLabelBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelBack", required: false }] }], ariaLabelMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelMenu", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiElectrontitlebarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarModule, imports: [SiElectrontitlebarComponent], exports: [SiElectrontitlebarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarModule, imports: [SiElectrontitlebarComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarModule, imports: [SiElectrontitlebarComponent], exports: [SiElectrontitlebarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarModule, imports: [SiElectrontitlebarComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiElectrontitlebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiElectrontitlebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiElectrontitlebarComponent],

package/fesm2022/siemens-element-ng-electron-titlebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-electron-titlebar.mjs","sources":["../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.component.ts","../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.component.html","../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.module.ts","../../../../projects/element-ng/electron-titlebar/electron.helpers.ts","../../../../projects/element-ng/electron-titlebar/index.ts","../../../../projects/element-ng/electron-titlebar/siemens-element-ng-electron-titlebar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuTrigger } from '@angular/cdk/menu';\nimport { booleanAttribute, Component, input, output } from '@angular/core';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport {\n  addIcons,\n  elementLeft4,\n  elementOptionsVertical,\n  elementRight4,\n  SiIconComponent\n} from '@siemens/element-ng/icon';\nimport { MenuItem, SiMenuFactoryComponent } from '@siemens/element-ng/menu';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-electron-titlebar',\n  imports: [CdkMenuTrigger, SiMenuFactoryComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-electron-titlebar.component.html',\n  styleUrl: './si-electron-titlebar.component.scss'\n})\nexport class SiElectrontitlebarComponent {\n  /**\n   * Title of your application\n   */\n  readonly appTitle = input.required<string>();\n\n  /**\n   * Defines if the application can go back or not\n   *\n   * @defaultValue false\n   */\n  readonly canGoBack = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the application can go forward or not\n   *\n   * @defaultValue false\n   */\n  readonly canGoForward = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the application is focused or not\n   *\n   * @defaultValue true\n   */\n  readonly hasFocus = input(true, { transform: booleanAttribute });\n\n  /**\n   * List of menu items for the dropdown\n   * In this dropdown should the zoom functionality as well as the refresh function be provided\n   *\n   * @defaultValue []\n   */\n  readonly menuItems = input<(MenuItemLegacy | MenuItem)[]>([]);\n\n  /**\n   * Browsing forward function\n   */\n  readonly forward = output<void>();\n\n  /**\n   * Browsing back function\n   */\n  readonly back = output<void>();\n\n  /**\n   * Aria Label for Forward Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`)\n   * ```\n   */\n  readonly ariaLabelForward = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`));\n\n  /**\n   * Aria Label for Back Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`)\n   * ```\n   */\n  readonly ariaLabelBack = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`));\n\n  /**\n   * Aria Label for Menu Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`)\n   * ```\n   */\n  readonly ariaLabelMenu = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`));\n\n  protected readonly icons = addIcons({ elementLeft4, elementRight4, elementOptionsVertical });\n}\n","<div class=\"electron-title-bar-container w-100 bg-base-1 border-bottom fixed-top\">\n  <div class=\"electron-title-bar align-items-center d-flex h-100 gap-6\">\n    <span\n      class=\"mx-6 si-body electron-title-bar-app-name text-truncate\"\n      [class.unfocused]=\"!hasFocus()\"\n      >{{ appTitle() }}</span\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelBack() | translate\"\n      [disabled]=\"!canGoBack()\"\n      (click)=\"back.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n    </button>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelForward() | translate\"\n      [disabled]=\"!canGoForward()\"\n      (click)=\"forward.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n    </button>\n    @if (menuItems().length > 0) {\n      <button\n        type=\"button\"\n        class=\"btn btn-circle electron-title-bar-btn btn-tertiary btn-xs\"\n        [class.unfocused]=\"!hasFocus()\"\n        [attr.aria-label]=\"ariaLabelMenu() | translate\"\n        [cdkMenuTriggerFor]=\"menu\"\n      >\n        <si-icon [icon]=\"icons.elementOptionsVertical\" />\n      </button>\n    }\n    <div class=\"electron-title-bar-draggable flex-grow-1 w-100 h-100\"></div>\n  </div>\n</div>\n<ng-template #menu>\n  <div class=\"mt-2\">\n    <si-menu-factory [items]=\"menuItems()\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiElectrontitlebarComponent } from './si-electron-titlebar.component';\n\n@NgModule({\n  imports: [SiElectrontitlebarComponent],\n  exports: [SiElectrontitlebarComponent]\n})\nexport class SiElectrontitlebarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\n/** */\nexport const runsInElectron = (): boolean => {\n  const windowAny = window as any;\n  const processAny = windowAny.process as any;\n\n  // Renderer process\n  if (\n    typeof windowAny !== 'undefined' &&\n    typeof processAny === 'object' &&\n    processAny.type === 'renderer'\n  ) {\n    return true;\n  }\n\n  // Main process\n  if (\n    typeof processAny !== 'undefined' &&\n    typeof processAny.versions === 'object' &&\n    !!processAny.versions.electron\n  ) {\n    return true;\n  }\n\n  // Detect the user agent when the `nodeIntegration` option is set to true\n  if (\n    typeof navigator === 'object' &&\n    typeof navigator.userAgent === 'string' &&\n    navigator.userAgent.includes('Electron')\n  ) {\n    return true;\n  }\n  return false;\n};\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-electron-titlebar.module';\nexport * from './si-electron-titlebar.component';\nexport * from './electron.helpers';\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-electron-titlebar.mjs","sources":["../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.component.ts","../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.component.html","../../../../projects/element-ng/electron-titlebar/si-electron-titlebar.module.ts","../../../../projects/element-ng/electron-titlebar/electron.helpers.ts","../../../../projects/element-ng/electron-titlebar/index.ts","../../../../projects/element-ng/electron-titlebar/siemens-element-ng-electron-titlebar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuTrigger } from '@angular/cdk/menu';\nimport { booleanAttribute, Component, input, output } from '@angular/core';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport {\n  addIcons,\n  elementLeft4,\n  elementOptionsVertical,\n  elementRight4,\n  SiIconComponent\n} from '@siemens/element-ng/icon';\nimport { MenuItem, SiMenuFactoryComponent } from '@siemens/element-ng/menu';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-electron-titlebar',\n  imports: [CdkMenuTrigger, SiMenuFactoryComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-electron-titlebar.component.html',\n  styleUrl: './si-electron-titlebar.component.scss'\n})\nexport class SiElectrontitlebarComponent {\n  /**\n   * Title of your application\n   */\n  readonly appTitle = input.required<string>();\n\n  /**\n   * Defines if the application can go back or not\n   *\n   * @defaultValue false\n   */\n  readonly canGoBack = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the application can go forward or not\n   *\n   * @defaultValue false\n   */\n  readonly canGoForward = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the application is focused or not\n   *\n   * @defaultValue true\n   */\n  readonly hasFocus = input(true, { transform: booleanAttribute });\n\n  /**\n   * List of menu items for the dropdown\n   * In this dropdown should the zoom functionality as well as the refresh function be provided\n   *\n   * @defaultValue []\n   */\n  readonly menuItems = input<(MenuItemLegacy | MenuItem)[]>([]);\n\n  /**\n   * Browsing forward function\n   */\n  readonly forward = output<void>();\n\n  /**\n   * Browsing back function\n   */\n  readonly back = output<void>();\n\n  /**\n   * Aria Label for Forward Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`)\n   * ```\n   */\n  readonly ariaLabelForward = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.FORWARD:Forward`));\n\n  /**\n   * Aria Label for Back Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`)\n   * ```\n   */\n  readonly ariaLabelBack = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.BACK:Back`));\n\n  /**\n   * Aria Label for Menu Button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`)\n   * ```\n   */\n  readonly ariaLabelMenu = input(t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`));\n\n  protected readonly icons = addIcons({ elementLeft4, elementRight4, elementOptionsVertical });\n}\n","<div class=\"electron-title-bar-container w-100 bg-base-1 border-bottom fixed-top\">\n  <div class=\"electron-title-bar align-items-center d-flex h-100 gap-6\">\n    <span\n      class=\"mx-6 si-body electron-title-bar-app-name text-truncate\"\n      [class.unfocused]=\"!hasFocus()\"\n      >{{ appTitle() }}</span\n    >\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelBack() | translate\"\n      [disabled]=\"!canGoBack()\"\n      (click)=\"back.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n    </button>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-xs btn-tertiary\"\n      [class.unfocused]=\"!hasFocus()\"\n      [attr.aria-label]=\"ariaLabelForward() | translate\"\n      [disabled]=\"!canGoForward()\"\n      (click)=\"forward.emit()\"\n    >\n      <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n    </button>\n    @if (menuItems().length > 0) {\n      <button\n        type=\"button\"\n        class=\"btn btn-circle electron-title-bar-btn btn-tertiary btn-xs\"\n        [class.unfocused]=\"!hasFocus()\"\n        [attr.aria-label]=\"ariaLabelMenu() | translate\"\n        [cdkMenuTriggerFor]=\"menu\"\n      >\n        <si-icon [icon]=\"icons.elementOptionsVertical\" />\n      </button>\n    }\n    <div class=\"electron-title-bar-draggable flex-grow-1 w-100 h-100\"></div>\n  </div>\n</div>\n<ng-template #menu>\n  <div class=\"mt-2\">\n    <si-menu-factory [items]=\"menuItems()\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiElectrontitlebarComponent } from './si-electron-titlebar.component';\n\n@NgModule({\n  imports: [SiElectrontitlebarComponent],\n  exports: [SiElectrontitlebarComponent]\n})\nexport class SiElectrontitlebarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\n/** */\nexport const runsInElectron = (): boolean => {\n  const windowAny = window as any;\n  const processAny = windowAny.process as any;\n\n  // Renderer process\n  if (\n    typeof windowAny !== 'undefined' &&\n    typeof processAny === 'object' &&\n    processAny.type === 'renderer'\n  ) {\n    return true;\n  }\n\n  // Main process\n  if (\n    typeof processAny !== 'undefined' &&\n    typeof processAny.versions === 'object' &&\n    !!processAny.versions.electron\n  ) {\n    return true;\n  }\n\n  // Detect the user agent when the `nodeIntegration` option is set to true\n  if (\n    typeof navigator === 'object' &&\n    typeof navigator.userAgent === 'string' &&\n    navigator.userAgent.includes('Electron')\n  ) {\n    return true;\n  }\n  return false;\n};\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-electron-titlebar.module';\nexport * from './si-electron-titlebar.component';\nexport * from './electron.helpers';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-empty-state.mjs

@@ -11,33 +11,33 @@ class SiEmptyStateComponent {
     /**
      * CSS class name of the desired icon.
      */
-    icon = input.required();
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
     /**
      * Heading of empty state content.
      */
-    heading = input.required();
+    heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
     /**
      * Description of empty state content.
      */
-    content = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiEmptyStateComponent, isStandalone: true, selector: "si-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <h3 class=\"my-6 text-center\">{{ heading() | translate }}</h3>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n", styles: [".list-group-item-empty{block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:24px;padding-block:32px}.state-icon{color:var(--element-ui-2);font-size:80px}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiEmptyStateComponent, isStandalone: true, selector: "si-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <h3 class=\"my-6 text-center\">{{ heading() | translate }}</h3>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n", styles: [".list-group-item-empty{block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:24px;padding-block:32px}.state-icon{color:var(--element-ui-2);font-size:80px}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-empty-state', imports: [SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <h3 class=\"my-6 text-center\">{{ heading() | translate }}</h3>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n", styles: [".list-group-item-empty{block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:24px;padding-block:32px}.state-icon{color:var(--element-ui-2);font-size:80px}\n"] }]
-        }] });
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiEmptyStateModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateModule, imports: [SiEmptyStateComponent], exports: [SiEmptyStateComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateModule, imports: [SiEmptyStateComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateModule, imports: [SiEmptyStateComponent], exports: [SiEmptyStateComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateModule, imports: [SiEmptyStateComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiEmptyStateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiEmptyStateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiEmptyStateComponent],

package/fesm2022/siemens-element-ng-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-empty-state.mjs","sources":["../../../../projects/element-ng/empty-state/si-empty-state.component.ts","../../../../projects/element-ng/empty-state/si-empty-state.component.html","../../../../projects/element-ng/empty-state/si-empty-state.module.ts","../../../../projects/element-ng/empty-state/index.ts","../../../../projects/element-ng/empty-state/siemens-element-ng-empty-state.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-empty-state',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-empty-state.component.html',\n  styleUrl: './si-empty-state.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiEmptyStateComponent {\n  /**\n   * CSS class name of the desired icon.\n   */\n  readonly icon = input.required<string>();\n\n  /**\n   * Heading of empty state content.\n   */\n  readonly heading = input.required<TranslatableString>();\n\n  /**\n   * Description of empty state content.\n   */\n  readonly content = input<TranslatableString>();\n}\n","<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <h3 class=\"my-6 text-center\">{{ heading() | translate }}</h3>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiEmptyStateComponent } from './si-empty-state.component';\n\n@NgModule({\n  imports: [SiEmptyStateComponent],\n  exports: [SiEmptyStateComponent]\n})\nexport class SiEmptyStateModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-empty-state.component';\nexport * from './si-empty-state.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;;AAGG;MAYU,qBAAqB,CAAA;AAChC;;AAEG;AACM,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAU;AAExC;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAsB;AAEvD;;AAEG;IACM,OAAO,GAAG,KAAK,EAAsB;uGAdnC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECflC,uSAQA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK/B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAG1B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uSAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA;;;AEbjD;;;AAGG;MASU,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,OAAA,EAAA,CAHnB,qBAAqB,CAAA,EAAA,OAAA,EAAA,CACrB,qBAAqB,CAAA,EAAA,CAAA;AAEpB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,qBAAqB,CAAA,EAAA,CAAA;;2FAGpB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,OAAO,EAAE,CAAC,qBAAqB;AAChC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-empty-state.mjs","sources":["../../../../projects/element-ng/empty-state/si-empty-state.component.ts","../../../../projects/element-ng/empty-state/si-empty-state.component.html","../../../../projects/element-ng/empty-state/si-empty-state.module.ts","../../../../projects/element-ng/empty-state/index.ts","../../../../projects/element-ng/empty-state/siemens-element-ng-empty-state.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-empty-state',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-empty-state.component.html',\n  styleUrl: './si-empty-state.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiEmptyStateComponent {\n  /**\n   * CSS class name of the desired icon.\n   */\n  readonly icon = input.required<string>();\n\n  /**\n   * Heading of empty state content.\n   */\n  readonly heading = input.required<TranslatableString>();\n\n  /**\n   * Description of empty state content.\n   */\n  readonly content = input<TranslatableString>();\n}\n","<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <h3 class=\"my-6 text-center\">{{ heading() | translate }}</h3>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiEmptyStateComponent } from './si-empty-state.component';\n\n@NgModule({\n  imports: [SiEmptyStateComponent],\n  exports: [SiEmptyStateComponent]\n})\nexport class SiEmptyStateModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-empty-state.component';\nexport * from './si-empty-state.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;;AAGG;MAYU,qBAAqB,CAAA;AAChC;;AAEG;AACM,IAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,+CAAU;AAExC;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAAsB;AAEvD;;AAEG;IACM,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAsB;uGAdnC,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECflC,uSAQA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK/B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAG1B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uSAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA;;;AEbjD;;;AAGG;MASU,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,OAAA,EAAA,CAHnB,qBAAqB,CAAA,EAAA,OAAA,EAAA,CACrB,qBAAqB,CAAA,EAAA,CAAA;AAEpB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAHnB,qBAAqB,CAAA,EAAA,CAAA;;2FAGpB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,OAAO,EAAE,CAAC,qBAAqB;AAChC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}