@siemens/element-ng 51.3.0 → 51.5.0

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

@@ -146,7 +146,7 @@ const SI_DATATABLE_CONFIG = {
         treeStatusExpanded: 'icon element-down-2 flip-rtl',
         treeStatusCollapsed: 'icon element-right-2 flip-rtl'
     },
-    headerHeight: 44, // 40px actual-height + 4px border-bottom
+    headerHeight: 41, // 40px actual-height + 1px border-bottom
     footerHeight: 40,
     rowHeight: 64,
     rowHeightSmall: 48,

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-datatable.mjs","sources":["../../../../projects/element-ng/datatable/si-datatable-interaction.directive.ts","../../../../projects/element-ng/datatable/si-datatable.module.ts","../../../../projects/element-ng/datatable/si-datatable-providers.ts","../../../../projects/element-ng/datatable/index.ts","../../../../projects/element-ng/datatable/siemens-element-ng-datatable.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  isSignal,\n  OnDestroy,\n  OnInit,\n  Signal\n} from '@angular/core';\nimport { DatatableComponent } from '@siemens/ngx-datatable';\n\nconst unwrapSignalOrValue = <T>(valueOrSignal: T | Signal<T>): T => {\n  if (isSignal(valueOrSignal)) {\n    return valueOrSignal();\n  }\n  return valueOrSignal;\n};\n\n@Directive({\n  selector: 'ngx-datatable[siDatatableInteraction]',\n  host: {\n    tabindex: '0',\n    '(keydown)': 'onKeydown($event)',\n    '(mousedown)': 'onMousedown($event)',\n    '(mouseup)': 'onMouseup($event)',\n    '(focusin)': 'onFocusin($event)'\n  },\n  exportAs: 'si-datatable-interaction'\n})\nexport class SiDatatableInteractionDirective implements OnDestroy, OnInit {\n  private table = inject(DatatableComponent, { self: true });\n  /**\n   * Automatically select every row or cell that is navigated trough.\n   * Is ignored unless `selectionType` is `single` or `cell`.\n   *\n   * @defaultValue false\n   */\n  readonly datatableInteractionAutoSelect = input(false, { transform: booleanAttribute });\n\n  private element: HTMLElement = inject(ElementRef).nativeElement;\n  private tableBody?: HTMLElement;\n\n  private autoSelectTimeout: any;\n\n  private isMousedown = false;\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown') {\n      const first =\n        unwrapSignalOrValue(this.table.selectionType) === 'cell'\n          ? this.element.querySelector(\n              '.datatable-row-wrapper > .datatable-body-row .datatable-body-cell'\n            )\n          : this.element.querySelector('.datatable-row-wrapper > .datatable-body-row');\n      if (first) {\n        (first as HTMLElement).focus();\n        event.preventDefault();\n      }\n    } else if (event.key === 'ArrowUp') {\n      const last =\n        unwrapSignalOrValue(this.table.selectionType) === 'cell'\n          ? this.element.querySelector(\n              '.datatable-row-wrapper:last-child > .datatable-body-row .datatable-body-cell'\n            )\n          : this.element.querySelector('.datatable-row-wrapper:last-child > .datatable-body-row');\n      if (last) {\n        (last as HTMLElement).focus();\n        event.preventDefault();\n      }\n    }\n  }\n\n  protected onMousedown(event: MouseEvent): void {\n    this.isMousedown = true;\n  }\n\n  protected onMouseup(event: MouseEvent): void {\n    this.isMousedown = false;\n  }\n\n  protected onFocusin(event: FocusEvent): void {\n    const target = event.target as HTMLElement;\n    if (!target) {\n      return;\n    }\n\n    clearTimeout(this.autoSelectTimeout);\n    // Re-select on every element\n\n    const selectionType = unwrapSignalOrValue(this.table.selectionType);\n    if (\n      !this.isMousedown &&\n      this.datatableInteractionAutoSelect() &&\n      (selectionType === 'single' || selectionType === 'cell')\n    ) {\n      const rowOrCell = target.closest(\n        selectionType === 'cell' ? 'datatable-body-cell' : 'datatable-body-row'\n      );\n      if (!rowOrCell) {\n        return;\n      }\n      this.autoSelectTimeout = setTimeout(() => {\n        rowOrCell.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13 }));\n      }, 100);\n    }\n    if (unwrapSignalOrValue(this.table.virtualization)) {\n      if (this.tableBody) {\n        const lastList =\n          selectionType === 'cell'\n            ? this.tableBody.querySelectorAll(\n                '.datatable-row-wrapper:last-child > .datatable-body-row .datatable-body-cell'\n              )\n            : this.tableBody.querySelectorAll(\n                '.datatable-row-wrapper:last-child > .datatable-body-row'\n              );\n        if (Array.from(lastList).includes(target)) {\n          this.tableBody.scrollTop = this.tableBody.scrollTop + lastList[0].clientHeight;\n        } else {\n          const firstList =\n            selectionType === 'cell'\n              ? this.tableBody.querySelectorAll(\n                  '.datatable-row-wrapper:first-child > .datatable-body-row .datatable-body-cell'\n                )\n              : this.tableBody.querySelectorAll(\n                  '.datatable-row-wrapper:first-child > .datatable-body-row'\n                );\n          if (Array.from(firstList).includes(target)) {\n            this.tableBody.scrollTop = this.tableBody.scrollTop - firstList[0].clientHeight;\n          }\n        }\n      }\n    }\n  }\n\n  ngOnInit(): void {\n    this.tableBody = this.element.querySelector('datatable-body') as HTMLElement;\n    if (this.tableBody) {\n      this.tableBody.tabIndex = -1;\n    }\n  }\n\n  ngOnDestroy(): void {\n    clearTimeout(this.autoSelectTimeout);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiDatatableInteractionDirective } from './si-datatable-interaction.directive';\n\n@NgModule({\n  imports: [SiDatatableInteractionDirective],\n  exports: [SiDatatableInteractionDirective]\n})\nexport class SiDatatableModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { type NgxDatatableConfig, providedNgxDatatableConfig } from '@siemens/ngx-datatable';\n\n/**\n * Configuration interface for \\@siemens/ngx-datatable.\n *\n * @deprecated Import `NgxDatatableConfig` directly from `\\@siemens/ngx-datatable` instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface INgxDatatableConfig extends NgxDatatableConfig {}\n\n/**\n * Extends the original NgxDatatableConfig with additional properties and makes all fields required to maintain compatibility.\n */\ninterface SiDatatableConfig extends NgxDatatableConfig {\n  cssClasses: Exclude<NgxDatatableConfig['cssClasses'], undefined>;\n  headerHeight: number;\n  footerHeight: number;\n  rowHeight: number;\n  rowHeightSmall: number;\n  rowHeightExtraSmall: number;\n  rowHeightTiny: number;\n  summaryHeight: number;\n}\n\nexport const SI_DATATABLE_CONFIG: SiDatatableConfig = {\n  cssClasses: {\n    sortAscending: 'icon element-sort-up text-accent',\n    sortDescending: 'icon element-sort-down text-accent',\n    pagerLeftArrow: 'icon element-left-2 flip-rtl',\n    pagerRightArrow: 'icon element-right-2 flip-rtl',\n    pagerPrevious: 'icon element-double-left flip-rtl',\n    pagerNext: 'icon element-double-right flip-rtl',\n    sortUnset: '',\n    treeStatusLoading: '',\n    treeStatusExpanded: 'icon element-down-2 flip-rtl',\n    treeStatusCollapsed: 'icon element-right-2 flip-rtl'\n  },\n  headerHeight: 44, // 40px actual-height + 4px border-bottom\n  footerHeight: 40,\n  rowHeight: 64,\n  rowHeightSmall: 48,\n  rowHeightExtraSmall: 32,\n  rowHeightTiny: 24,\n  summaryHeight: 32\n};\n\n/**\n * Provides element configuration for the \\@siemens/ngx-datatable.\n *\n *  @param configOverrides - overrides that will be merged with the element configuration.\n */\nexport const provideSiDatatableConfig = (configOverrides?: NgxDatatableConfig): Provider =>\n  providedNgxDatatableConfig({ ...SI_DATATABLE_CONFIG, ...configOverrides });\n\n/**\n * Configuration interface for \\@siemens/ngx-datatable.\n *\n * @deprecated Import `NgxDatatableConfig` directly from `\\@siemens/ngx-datatable` instead.\n */\nexport { NgxDatatableConfig };\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-datatable-interaction.directive';\nexport * from './si-datatable.module';\nexport * from './si-datatable-providers';\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-datatable.mjs","sources":["../../../../projects/element-ng/datatable/si-datatable-interaction.directive.ts","../../../../projects/element-ng/datatable/si-datatable.module.ts","../../../../projects/element-ng/datatable/si-datatable-providers.ts","../../../../projects/element-ng/datatable/index.ts","../../../../projects/element-ng/datatable/siemens-element-ng-datatable.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  isSignal,\n  OnDestroy,\n  OnInit,\n  Signal\n} from '@angular/core';\nimport { DatatableComponent } from '@siemens/ngx-datatable';\n\nconst unwrapSignalOrValue = <T>(valueOrSignal: T | Signal<T>): T => {\n  if (isSignal(valueOrSignal)) {\n    return valueOrSignal();\n  }\n  return valueOrSignal;\n};\n\n@Directive({\n  selector: 'ngx-datatable[siDatatableInteraction]',\n  host: {\n    tabindex: '0',\n    '(keydown)': 'onKeydown($event)',\n    '(mousedown)': 'onMousedown($event)',\n    '(mouseup)': 'onMouseup($event)',\n    '(focusin)': 'onFocusin($event)'\n  },\n  exportAs: 'si-datatable-interaction'\n})\nexport class SiDatatableInteractionDirective implements OnDestroy, OnInit {\n  private table = inject(DatatableComponent, { self: true });\n  /**\n   * Automatically select every row or cell that is navigated trough.\n   * Is ignored unless `selectionType` is `single` or `cell`.\n   *\n   * @defaultValue false\n   */\n  readonly datatableInteractionAutoSelect = input(false, { transform: booleanAttribute });\n\n  private element: HTMLElement = inject(ElementRef).nativeElement;\n  private tableBody?: HTMLElement;\n\n  private autoSelectTimeout: any;\n\n  private isMousedown = false;\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'ArrowDown') {\n      const first =\n        unwrapSignalOrValue(this.table.selectionType) === 'cell'\n          ? this.element.querySelector(\n              '.datatable-row-wrapper > .datatable-body-row .datatable-body-cell'\n            )\n          : this.element.querySelector('.datatable-row-wrapper > .datatable-body-row');\n      if (first) {\n        (first as HTMLElement).focus();\n        event.preventDefault();\n      }\n    } else if (event.key === 'ArrowUp') {\n      const last =\n        unwrapSignalOrValue(this.table.selectionType) === 'cell'\n          ? this.element.querySelector(\n              '.datatable-row-wrapper:last-child > .datatable-body-row .datatable-body-cell'\n            )\n          : this.element.querySelector('.datatable-row-wrapper:last-child > .datatable-body-row');\n      if (last) {\n        (last as HTMLElement).focus();\n        event.preventDefault();\n      }\n    }\n  }\n\n  protected onMousedown(event: MouseEvent): void {\n    this.isMousedown = true;\n  }\n\n  protected onMouseup(event: MouseEvent): void {\n    this.isMousedown = false;\n  }\n\n  protected onFocusin(event: FocusEvent): void {\n    const target = event.target as HTMLElement;\n    if (!target) {\n      return;\n    }\n\n    clearTimeout(this.autoSelectTimeout);\n    // Re-select on every element\n\n    const selectionType = unwrapSignalOrValue(this.table.selectionType);\n    if (\n      !this.isMousedown &&\n      this.datatableInteractionAutoSelect() &&\n      (selectionType === 'single' || selectionType === 'cell')\n    ) {\n      const rowOrCell = target.closest(\n        selectionType === 'cell' ? 'datatable-body-cell' : 'datatable-body-row'\n      );\n      if (!rowOrCell) {\n        return;\n      }\n      this.autoSelectTimeout = setTimeout(() => {\n        rowOrCell.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13 }));\n      }, 100);\n    }\n    if (unwrapSignalOrValue(this.table.virtualization)) {\n      if (this.tableBody) {\n        const lastList =\n          selectionType === 'cell'\n            ? this.tableBody.querySelectorAll(\n                '.datatable-row-wrapper:last-child > .datatable-body-row .datatable-body-cell'\n              )\n            : this.tableBody.querySelectorAll(\n                '.datatable-row-wrapper:last-child > .datatable-body-row'\n              );\n        if (Array.from(lastList).includes(target)) {\n          this.tableBody.scrollTop = this.tableBody.scrollTop + lastList[0].clientHeight;\n        } else {\n          const firstList =\n            selectionType === 'cell'\n              ? this.tableBody.querySelectorAll(\n                  '.datatable-row-wrapper:first-child > .datatable-body-row .datatable-body-cell'\n                )\n              : this.tableBody.querySelectorAll(\n                  '.datatable-row-wrapper:first-child > .datatable-body-row'\n                );\n          if (Array.from(firstList).includes(target)) {\n            this.tableBody.scrollTop = this.tableBody.scrollTop - firstList[0].clientHeight;\n          }\n        }\n      }\n    }\n  }\n\n  ngOnInit(): void {\n    this.tableBody = this.element.querySelector('datatable-body') as HTMLElement;\n    if (this.tableBody) {\n      this.tableBody.tabIndex = -1;\n    }\n  }\n\n  ngOnDestroy(): void {\n    clearTimeout(this.autoSelectTimeout);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiDatatableInteractionDirective } from './si-datatable-interaction.directive';\n\n@NgModule({\n  imports: [SiDatatableInteractionDirective],\n  exports: [SiDatatableInteractionDirective]\n})\nexport class SiDatatableModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { type NgxDatatableConfig, providedNgxDatatableConfig } from '@siemens/ngx-datatable';\n\n/**\n * Configuration interface for \\@siemens/ngx-datatable.\n *\n * @deprecated Import `NgxDatatableConfig` directly from `\\@siemens/ngx-datatable` instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface INgxDatatableConfig extends NgxDatatableConfig {}\n\n/**\n * Extends the original NgxDatatableConfig with additional properties and makes all fields required to maintain compatibility.\n */\ninterface SiDatatableConfig extends NgxDatatableConfig {\n  cssClasses: Exclude<NgxDatatableConfig['cssClasses'], undefined>;\n  headerHeight: number;\n  footerHeight: number;\n  rowHeight: number;\n  rowHeightSmall: number;\n  rowHeightExtraSmall: number;\n  rowHeightTiny: number;\n  summaryHeight: number;\n}\n\nexport const SI_DATATABLE_CONFIG: SiDatatableConfig = {\n  cssClasses: {\n    sortAscending: 'icon element-sort-up text-accent',\n    sortDescending: 'icon element-sort-down text-accent',\n    pagerLeftArrow: 'icon element-left-2 flip-rtl',\n    pagerRightArrow: 'icon element-right-2 flip-rtl',\n    pagerPrevious: 'icon element-double-left flip-rtl',\n    pagerNext: 'icon element-double-right flip-rtl',\n    sortUnset: '',\n    treeStatusLoading: '',\n    treeStatusExpanded: 'icon element-down-2 flip-rtl',\n    treeStatusCollapsed: 'icon element-right-2 flip-rtl'\n  },\n  headerHeight: 41, // 40px actual-height + 1px border-bottom\n  footerHeight: 40,\n  rowHeight: 64,\n  rowHeightSmall: 48,\n  rowHeightExtraSmall: 32,\n  rowHeightTiny: 24,\n  summaryHeight: 32\n};\n\n/**\n * Provides element configuration for the \\@siemens/ngx-datatable.\n *\n *  @param configOverrides - overrides that will be merged with the element configuration.\n */\nexport const provideSiDatatableConfig = (configOverrides?: NgxDatatableConfig): Provider =>\n  providedNgxDatatableConfig({ ...SI_DATATABLE_CONFIG, ...configOverrides });\n\n/**\n * Configuration interface for \\@siemens/ngx-datatable.\n *\n * @deprecated Import `NgxDatatableConfig` directly from `\\@siemens/ngx-datatable` instead.\n */\nexport { NgxDatatableConfig };\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-datatable-interaction.directive';\nexport * from './si-datatable.module';\nexport * from './si-datatable-providers';\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

@@ -24,11 +24,11 @@ class SiEmptyStateComponent {
     content = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.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  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\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{min-block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--si-sys-sizing-spacing-x-80);padding-block:var(--si-sys-sizing-spacing-y-90)}.state-icon{color:var(--si-sys-color-text-secondary);font-size:4rem}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.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=\"empty-state-container\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n", styles: [".empty-state-container{min-block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--si-sys-sizing-spacing-x-80);padding-block:var(--si-sys-sizing-spacing-y-90)}.state-icon{color:var(--si-sys-color-text-secondary);font-size:4rem}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiEmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-empty-state', imports: [SiIconComponent, SiTranslatePipe], template: "<div class=\"list-group-item-empty\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\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{min-block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--si-sys-sizing-spacing-x-80);padding-block:var(--si-sys-sizing-spacing-y-90)}.state-icon{color:var(--si-sys-color-text-secondary);font-size:4rem}\n"] }]
+            args: [{ selector: 'si-empty-state', imports: [SiIconComponent, SiTranslatePipe], template: "<div class=\"empty-state-container\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\n  @if (content()) {\n    <p class=\"text-pre-wrap text-center mb-6\">{{ content() | translate }}</p>\n  }\n  <ng-content />\n</div>\n", styles: [".empty-state-container{min-block-size:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--si-sys-sizing-spacing-x-80);padding-block:var(--si-sys-sizing-spacing-y-90)}.state-icon{color:var(--si-sys-color-text-secondary);font-size:4rem}\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 }] }] } });
 
 /**

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 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { 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})\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  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\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 - 2026\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 - 2026\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;MAWU,qBAAqB,CAAA;AAChC;;AAEG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAU;AAExC;;AAEG;IACM,OAAO,GAAG,KAAK,CAAC,QAAQ;gFAAsB;AAEvD;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK;2FAAsB;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,ECdlC,iTAQA,EAAA,MAAA,EAAA,CAAA,iSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI/B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EACjB,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,iTAAA,EAAA,MAAA,EAAA,CAAA,iSAAA,CAAA,EAAA;;;AEV7C;;;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 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { 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})\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=\"empty-state-container\">\n  <si-icon class=\"state-icon\" [icon]=\"icon()\" />\n  <span class=\"si-h3 my-6 text-center\">{{ heading() | translate }}</span>\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 - 2026\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 - 2026\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;MAWU,qBAAqB,CAAA;AAChC;;AAEG;IACM,IAAI,GAAG,KAAK,CAAC,QAAQ;6EAAU;AAExC;;AAEG;IACM,OAAO,GAAG,KAAK,CAAC,QAAQ;gFAAsB;AAEvD;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK;2FAAsB;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,ECdlC,iTAQA,EAAA,MAAA,EAAA,CAAA,iSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI/B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,OAAA,EACjB,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,iTAAA,EAAA,MAAA,EAAA,CAAA,iSAAA,CAAA,EAAA;;;AEV7C;;;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;;"}