@siemens/element-ng 47.8.0 → 48.0.0-next.1

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { input, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
+import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -12,10 +12,10 @@ class SiProgressbarComponent {
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_PROGRESSBAR.LABEL:Progress`
+     * t(() => $localize`:@@SI_PROGRESSBAR.LABEL:Progress`)
      * ```
      */
-    ariaLabel = input($localize `:@@SI_PROGRESSBAR.LABEL:Progress`);
+    ariaLabel = input(t(() => $localize `:@@SI_PROGRESSBAR.LABEL:Progress`));
     /**
      * Max value for progressbar
      *
@@ -44,10 +44,10 @@ class SiProgressbarComponent {
      */
     height = input('normal');
     percent = computed(() => (100 * Number(this.value() ?? 0)) / Number(this.max() ?? 100));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiProgressbarComponent, isStandalone: true, selector: "si-progressbar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (heading() || progress()) {\n  <div\n    class=\"d-flex align-items-baseline\"\n    [class.justify-content-end]=\"!heading()\"\n    [class.justify-content-between]=\"heading()\"\n  >\n    @if (heading()) {\n      <span class=\"si-title-2 mb-2\">{{ heading() | translate }}</span>\n    }\n    @if (progress()) {\n      <small class=\"text-nowrap\">{{ progress() }}</small>\n    }\n  </div>\n}\n<div class=\"progress\" [class.si-progress-small]=\"height() === 'small'\">\n  <div\n    class=\"progress-bar\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"max()\"\n    [attr.aria-valuenow]=\"value()\"\n    [attr.aria-valuetext]=\"value() !== undefined ? percent().toFixed(0) + '%' : null\"\n    [attr.aria-label]=\"ariaLabel() | translate\"\n    [style.width.%]=\"percent()\"\n  >\n  </div>\n</div>\n", styles: [".si-progress-small{block-size:.125rem;border-radius:.0625rem}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiProgressbarComponent, isStandalone: true, selector: "si-progressbar", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (heading() || progress()) {\n  <div\n    class=\"d-flex align-items-baseline\"\n    [class.justify-content-end]=\"!heading()\"\n    [class.justify-content-between]=\"heading()\"\n  >\n    @if (heading()) {\n      <span class=\"si-title-2 mb-2\">{{ heading() | translate }}</span>\n    }\n    @if (progress()) {\n      <small class=\"text-nowrap\">{{ progress() }}</small>\n    }\n  </div>\n}\n<div class=\"progress\" [class.si-progress-small]=\"height() === 'small'\">\n  <div\n    class=\"progress-bar\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"max()\"\n    [attr.aria-valuenow]=\"value()\"\n    [attr.aria-valuetext]=\"value() !== undefined ? percent().toFixed(0) + '%' : null\"\n    [attr.aria-label]=\"ariaLabel() | translate\"\n    [style.width.%]=\"percent()\"\n  >\n  </div>\n</div>\n", styles: [".si-progress-small{block-size:.125rem;border-radius:.0625rem}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-progressbar', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (heading() || progress()) {\n  <div\n    class=\"d-flex align-items-baseline\"\n    [class.justify-content-end]=\"!heading()\"\n    [class.justify-content-between]=\"heading()\"\n  >\n    @if (heading()) {\n      <span class=\"si-title-2 mb-2\">{{ heading() | translate }}</span>\n    }\n    @if (progress()) {\n      <small class=\"text-nowrap\">{{ progress() }}</small>\n    }\n  </div>\n}\n<div class=\"progress\" [class.si-progress-small]=\"height() === 'small'\">\n  <div\n    class=\"progress-bar\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"max()\"\n    [attr.aria-valuenow]=\"value()\"\n    [attr.aria-valuetext]=\"value() !== undefined ? percent().toFixed(0) + '%' : null\"\n    [attr.aria-label]=\"ariaLabel() | translate\"\n    [style.width.%]=\"percent()\"\n  >\n  </div>\n</div>\n", styles: [".si-progress-small{block-size:.125rem;border-radius:.0625rem}\n"] }]
         }] });
@@ -57,11 +57,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiProgressbarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarModule, imports: [SiProgressbarComponent], exports: [SiProgressbarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarModule, imports: [SiProgressbarComponent], exports: [SiProgressbarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiProgressbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiProgressbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiProgressbarComponent],

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-progressbar.mjs","sources":["../../../../projects/element-ng/progressbar/si-progressbar.component.ts","../../../../projects/element-ng/progressbar/si-progressbar.component.html","../../../../projects/element-ng/progressbar/si-progressbar.module.ts","../../../../projects/element-ng/progressbar/index.ts","../../../../projects/element-ng/progressbar/siemens-element-ng-progressbar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-progressbar',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-progressbar.component.html',\n  styleUrl: './si-progressbar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiProgressbarComponent {\n  /**\n   * Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_PROGRESSBAR.LABEL:Progress`\n   * ```\n   */\n  readonly ariaLabel = input($localize`:@@SI_PROGRESSBAR.LABEL:Progress`);\n\n  /**\n   * Max value for progressbar\n   *\n   * @defaultValue 100\n   */\n  readonly max = input(100);\n\n  /**\n   * Current value\n   *\n   * @defaultValue 0\n   */\n  readonly value = input<number | undefined>(0);\n\n  /**\n   * Heading to display on top of progress bar.\n   */\n  readonly heading = input<string>();\n\n  /**\n   * Optional progress text to be shown on top right (in LTR).\n   * It can be percentage value or a progress status. E.g `50 %` or `Downloading 2/8`.\n   */\n  readonly progress = input<string>();\n\n  /**\n   * Height for progress bar.\n   *\n   * @defaultValue 'normal'\n   */\n  readonly height = input<ProgressbarHeight>('normal');\n\n  protected readonly percent = computed(\n    () => (100 * Number(this.value() ?? 0)) / Number(this.max() ?? 100)\n  );\n}\n\nexport type ProgressbarHeight = 'small' | 'normal';\n","@if (heading() || progress()) {\n  <div\n    class=\"d-flex align-items-baseline\"\n    [class.justify-content-end]=\"!heading()\"\n    [class.justify-content-between]=\"heading()\"\n  >\n    @if (heading()) {\n      <span class=\"si-title-2 mb-2\">{{ heading() | translate }}</span>\n    }\n    @if (progress()) {\n      <small class=\"text-nowrap\">{{ progress() }}</small>\n    }\n  </div>\n}\n<div class=\"progress\" [class.si-progress-small]=\"height() === 'small'\">\n  <div\n    class=\"progress-bar\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"max()\"\n    [attr.aria-valuenow]=\"value()\"\n    [attr.aria-valuetext]=\"value() !== undefined ? percent().toFixed(0) + '%' : null\"\n    [attr.aria-label]=\"ariaLabel() | translate\"\n    [style.width.%]=\"percent()\"\n  >\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiProgressbarComponent } from './si-progressbar.component';\n\n@NgModule({\n  imports: [SiProgressbarComponent],\n  exports: [SiProgressbarComponent]\n})\nexport class SiProgressbarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-progressbar.component';\nexport * from './si-progressbar.module';\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-progressbar.mjs","sources":["../../../../projects/element-ng/progressbar/si-progressbar.component.ts","../../../../projects/element-ng/progressbar/si-progressbar.component.html","../../../../projects/element-ng/progressbar/si-progressbar.module.ts","../../../../projects/element-ng/progressbar/index.ts","../../../../projects/element-ng/progressbar/siemens-element-ng-progressbar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-progressbar',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-progressbar.component.html',\n  styleUrl: './si-progressbar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiProgressbarComponent {\n  /**\n   * Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PROGRESSBAR.LABEL:Progress`)\n   * ```\n   */\n  readonly ariaLabel = input(t(() => $localize`:@@SI_PROGRESSBAR.LABEL:Progress`));\n\n  /**\n   * Max value for progressbar\n   *\n   * @defaultValue 100\n   */\n  readonly max = input(100);\n\n  /**\n   * Current value\n   *\n   * @defaultValue 0\n   */\n  readonly value = input<number | undefined>(0);\n\n  /**\n   * Heading to display on top of progress bar.\n   */\n  readonly heading = input<string>();\n\n  /**\n   * Optional progress text to be shown on top right (in LTR).\n   * It can be percentage value or a progress status. E.g `50 %` or `Downloading 2/8`.\n   */\n  readonly progress = input<string>();\n\n  /**\n   * Height for progress bar.\n   *\n   * @defaultValue 'normal'\n   */\n  readonly height = input<ProgressbarHeight>('normal');\n\n  protected readonly percent = computed(\n    () => (100 * Number(this.value() ?? 0)) / Number(this.max() ?? 100)\n  );\n}\n\nexport type ProgressbarHeight = 'small' | 'normal';\n","@if (heading() || progress()) {\n  <div\n    class=\"d-flex align-items-baseline\"\n    [class.justify-content-end]=\"!heading()\"\n    [class.justify-content-between]=\"heading()\"\n  >\n    @if (heading()) {\n      <span class=\"si-title-2 mb-2\">{{ heading() | translate }}</span>\n    }\n    @if (progress()) {\n      <small class=\"text-nowrap\">{{ progress() }}</small>\n    }\n  </div>\n}\n<div class=\"progress\" [class.si-progress-small]=\"height() === 'small'\">\n  <div\n    class=\"progress-bar\"\n    role=\"progressbar\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"max()\"\n    [attr.aria-valuenow]=\"value()\"\n    [attr.aria-valuetext]=\"value() !== undefined ? percent().toFixed(0) + '%' : null\"\n    [attr.aria-label]=\"ariaLabel() | translate\"\n    [style.width.%]=\"percent()\"\n  >\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiProgressbarComponent } from './si-progressbar.component';\n\n@NgModule({\n  imports: [SiProgressbarComponent],\n  exports: [SiProgressbarComponent]\n})\nexport class SiProgressbarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-progressbar.component';\nexport * from './si-progressbar.module';\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-resize-observer.mjs

@@ -142,10 +142,10 @@ class ResizeObserverService {
     _checkAll() {
         this.listeners.forEach(entry => this.handleElement(entry.element));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ResizeObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ResizeObserverService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: ResizeObserverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ResizeObserverService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -184,10 +184,10 @@ class SiResizeObserverDirective {
     ngOnDestroy() {
         this.subs?.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiResizeObserverDirective, isStandalone: true, selector: "[siResizeObserver]", inputs: { resizeThrottle: { classPropertyName: "resizeThrottle", publicName: "resizeThrottle", isSignal: true, isRequired: false, transformFunction: null }, emitInitial: { classPropertyName: "emitInitial", publicName: "emitInitial", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { siResizeObserver: "siResizeObserver" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiResizeObserverDirective, isStandalone: true, selector: "[siResizeObserver]", inputs: { resizeThrottle: { classPropertyName: "resizeThrottle", publicName: "resizeThrottle", isSignal: true, isRequired: false, transformFunction: null }, emitInitial: { classPropertyName: "emitInitial", publicName: "emitInitial", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { siResizeObserver: "siResizeObserver" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siResizeObserver]'
@@ -286,10 +286,10 @@ class SiResponsiveContainerDirective {
         this.xxl.set(width >= breakpoints.xxlMinimum);
         this.isXxl = this.xxl();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResponsiveContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiResponsiveContainerDirective, isStandalone: true, selector: "[siResponsiveContainer]", inputs: { resizeThrottle: { classPropertyName: "resizeThrottle", publicName: "resizeThrottle", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.si-container-xs": "xs()", "class.si-container-sm": "sm()", "class.si-container-md": "md()", "class.si-container-lg": "lg()", "class.si-container-xl": "xl()", "class.si-container-xxl": "xxl()" } }, exportAs: ["siResponsiveContainer"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResponsiveContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiResponsiveContainerDirective, isStandalone: true, selector: "[siResponsiveContainer]", inputs: { resizeThrottle: { classPropertyName: "resizeThrottle", publicName: "resizeThrottle", isSignal: true, isRequired: false, transformFunction: null }, breakpoints: { classPropertyName: "breakpoints", publicName: "breakpoints", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.si-container-xs": "xs()", "class.si-container-sm": "sm()", "class.si-container-md": "md()", "class.si-container-lg": "lg()", "class.si-container-xl": "xl()", "class.si-container-xxl": "xxl()" } }, exportAs: ["siResponsiveContainer"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResponsiveContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResponsiveContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siResponsiveContainer]',
@@ -310,11 +310,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiResizeObserverModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverModule, imports: [SiResizeObserverDirective, SiResponsiveContainerDirective], exports: [SiResizeObserverDirective, SiResponsiveContainerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverModule, imports: [SiResizeObserverDirective, SiResponsiveContainerDirective], exports: [SiResizeObserverDirective, SiResponsiveContainerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResizeObserverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResizeObserverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiResizeObserverDirective, SiResponsiveContainerDirective],

package/fesm2022/siemens-element-ng-resize-observer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-resize-observer.mjs","sources":["../../../../projects/element-ng/resize-observer/resize-observer.service.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.directive.ts","../../../../projects/element-ng/resize-observer/si-responsive-container.directive.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.module.ts","../../../../projects/element-ng/resize-observer/index.ts","../../../../projects/element-ng/resize-observer/siemens-element-ng-resize-observer.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, NgZone, PLATFORM_ID } from '@angular/core';\nimport { Observable, Subscriber } from 'rxjs';\n\nexport interface ElementDimensions {\n  width: number;\n  height: number;\n}\n\ninterface ResizeSubscriber {\n  sub: Subscriber<ElementDimensions>;\n  dim?: ElementDimensions;\n  throttle: number;\n  blocked: boolean;\n  emitImmediate?: boolean;\n}\n\ninterface Listener {\n  element: Element;\n  subscribers: ResizeSubscriber[];\n}\n\ninterface QueueEntry {\n  element: Element;\n  subscriber: ResizeSubscriber;\n  unblock: boolean;\n  force: boolean;\n}\n\n/**\n * A service wrapping `ResizeObserver`. This is a service for those reasons:\n * - only one `ResizeObserver` should be used for performance reason.\n * - For Angular change detection to work, explicit `ngZone` calls are necessary\n * - Observable stream\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class ResizeObserverService {\n  private listeners = new Map<Element, Listener>();\n  private resizeObserver?: ResizeObserver;\n  private timerQueue = new Map<number, QueueEntry[]>();\n  private zone = inject(NgZone);\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    if (!isBrowser || !ResizeObserver) {\n      return;\n    }\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) =>\n      entries.forEach(entry => this.handleElement(entry.target))\n    );\n  }\n\n  /**\n   * Observe the size of an element. Returns an observable with the changes.\n   * @param element - The element to observe\n   * @param throttle - Throttle time in ms. Will emit this time after the resize\n   * @param emitInitial - Emit the initial size after subscribe?\n   * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.\n   */\n  observe(\n    element: Element,\n    throttle: number,\n    emitInitial?: boolean,\n    emitImmediate?: boolean\n  ): Observable<ElementDimensions> {\n    let entry = this.listeners.get(element);\n    if (!entry) {\n      entry = { element, subscribers: [] };\n      this.listeners.set(element, entry);\n    }\n\n    return new Observable<ElementDimensions>(subscriber => {\n      const sub: ResizeSubscriber = {\n        sub: subscriber,\n        dim: undefined,\n        throttle,\n        blocked: false,\n        emitImmediate\n      };\n      this.subscriberAdded(entry!, sub, emitInitial);\n      return () => this.subscriberRemoved(entry!, sub);\n    });\n  }\n\n  private subscriberAdded(\n    entry: Listener,\n    subscriber: ResizeSubscriber,\n    emitInitial?: boolean\n  ): void {\n    entry.subscribers.push(subscriber);\n    if (entry.subscribers.length === 1) {\n      this.resizeObserver?.observe(entry.element);\n    }\n\n    if (emitInitial) {\n      this.schedule(0, entry.element, subscriber, false, true);\n    }\n  }\n\n  private subscriberRemoved(entry: Listener, subscriber: ResizeSubscriber): void {\n    const index = entry.subscribers.indexOf(subscriber);\n    if (index >= 0) {\n      entry.subscribers.splice(index, 1);\n    }\n    if (entry.subscribers.length === 0) {\n      // no more subscribers, tear down everything\n      this.resizeObserver?.unobserve(entry.element);\n      this.listeners.delete(entry.element);\n    }\n    this.unschedule(subscriber);\n    // close down, no re-subscription possible\n    subscriber.sub.complete();\n  }\n\n  private handleElement(element: Element): void {\n    const entry = this.listeners.get(element);\n    if (!entry) {\n      this.resizeObserver?.unobserve(element);\n      return;\n    }\n    entry.subscribers.forEach(sub => this.handleResizeSubscriber(element, sub));\n  }\n\n  private handleResizeSubscriber(element: Element, entry: ResizeSubscriber): void {\n    if (entry.blocked) {\n      return;\n    }\n    if (entry.emitImmediate) {\n      this.schedule(0, element, entry, false);\n    }\n    this.schedule(entry.throttle, element, entry, true);\n  }\n\n  private emitSize(element: Element, entry: ResizeSubscriber, force = false): void {\n    const dimensions = { width: element.clientWidth, height: element.clientHeight };\n    if (\n      !force &&\n      entry.dim?.width === dimensions.width &&\n      entry.dim?.height === dimensions.height\n    ) {\n      // Prevent spurious emissions. Subpixels and all..\n      return;\n    }\n    entry.dim = dimensions;\n    entry.sub.next(dimensions);\n  }\n\n  private schedule(\n    timeout: number,\n    element: Element,\n    subscriber: ResizeSubscriber,\n    unblock: boolean,\n    force = false\n  ): void {\n    if (unblock) {\n      subscriber.blocked = true;\n    }\n\n    let queue = this.timerQueue.get(timeout);\n    if (!queue) {\n      queue = [];\n      this.timerQueue.set(timeout, queue);\n      setTimeout(() => {\n        this.timerQueue.delete(timeout);\n        this.processQueue(queue!);\n      }, timeout);\n    }\n\n    queue.push({ element, subscriber, unblock, force });\n  }\n\n  private unschedule(entry: ResizeSubscriber): void {\n    const queued = this.timerQueue.get(entry.throttle);\n    if (queued) {\n      const index = queued.findIndex(q => q.subscriber === entry);\n      if (index > -1) {\n        queued.splice(index, 1);\n      }\n    }\n  }\n\n  private processQueue(queue: QueueEntry[]): void {\n    this.zone.run(() => {\n      queue?.forEach(q => {\n        if (q.unblock) {\n          q.subscriber.blocked = false;\n        }\n        this.emitSize(q.element, q.subscriber, q.force);\n      });\n    });\n  }\n\n  /**\n   * check size on all observed elements. Only use in testing!\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  _checkAll(): void {\n    this.listeners.forEach(entry => this.handleElement(entry.element));\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ElementDimensions, ResizeObserverService } from './resize-observer.service';\n\n/**\n * Directive to emit events on element size change. Use like this:\n *   `<div (siResizeObserver)=\"handleResize($event)\">`\n * When the size of the element changes, an event in the format\n *   `{ width: number, height: number }`\n * will be emitted. Also an initial event will be emitted on init.\n *\n * By default, events are throttled and to an event every 100ms. To change\n * this, add `[resizeThrottle]=\"200\"` on the same element. Input in milliseconds.\n */\n@Directive({\n  selector: '[siResizeObserver]'\n})\nexport class SiResizeObserverDirective implements OnInit, OnDestroy {\n  /** @defaultValue 100 */\n  readonly resizeThrottle = input(100);\n  /** @defaultValue true */\n  // TODO: switch default to false in v48.0.0\n  readonly emitInitial = input(true, { transform: booleanAttribute });\n  readonly siResizeObserver = output<ElementDimensions>();\n\n  private subs?: Subscription;\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), this.emitInitial())\n      .subscribe(value => this.siResizeObserver.emit(value));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ResizeObserverService } from './resize-observer.service';\n\nexport interface Breakpoints {\n  smMinimum: number;\n  mdMinimum: number;\n  lgMinimum: number;\n  xlMinimum: number;\n  xxlMinimum: number;\n}\n\n// keep in sync with the Bootstrap variables\nexport const BOOTSTRAP_BREAKPOINTS: Breakpoints = {\n  smMinimum: 576,\n  mdMinimum: 768,\n  lgMinimum: 992,\n  xlMinimum: 1200,\n  xxlMinimum: 1400\n};\n\n/**\n * Directive to automatically set `si-container-*` classes so Bootstrap column classes work\n * in the context of the container instead of viewport size.\n */\n@Directive({\n  selector: '[siResponsiveContainer]',\n  host: {\n    '[class.si-container-xs]': 'xs()',\n    '[class.si-container-sm]': 'sm()',\n    '[class.si-container-md]': 'md()',\n    '[class.si-container-lg]': 'lg()',\n    '[class.si-container-xl]': 'xl()',\n    '[class.si-container-xxl]': 'xxl()'\n  },\n  exportAs: 'siResponsiveContainer'\n})\nexport class SiResponsiveContainerDirective implements OnInit, OnDestroy {\n  /** @defaultValue false */\n  readonly xs = signal(false);\n  /**\n   * @deprecated Use {@link xs} instead.\n   * @defaultValue false\n   **/\n  isXs = false;\n  /** @defaultValue false */\n  readonly sm = signal(false);\n  /**\n   * @deprecated Use {@link sm} instead.\n   * @defaultValue false\n   **/\n  isSm = false;\n  /** @defaultValue false */\n  readonly md = signal(false);\n  /**\n   * @deprecated Use {@link md} instead.\n   * @defaultValue false\n   **/\n  isMd = false;\n  /** @defaultValue false */\n  readonly lg = signal(false);\n  /**\n   * @deprecated Use {@link lg} instead.\n   * @defaultValue false\n   **/\n  isLg = false;\n  /** @defaultValue false */\n  readonly xl = signal(false);\n  /**\n   * @deprecated Use {@link xl} instead.\n   * @defaultValue false\n   **/\n  isXl = false;\n  /** @defaultValue false */\n  readonly xxl = signal(false);\n  /**\n   * @deprecated Use {@link xxl} instead.\n   * @defaultValue false\n   **/\n  isXxl = false;\n\n  /** @defaultValue 100 */\n  readonly resizeThrottle = input(100);\n  readonly breakpoints = input<Breakpoints>();\n\n  private subs?: Subscription;\n\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), true)\n      .subscribe(event => this.setResponsiveSize(event.width, event.height));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n\n  private setResponsiveSize(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.xs.set(width < breakpoints.smMinimum);\n    this.isXs = this.xs();\n    this.sm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.isSm = this.sm();\n    this.md.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.isMd = this.md();\n    this.lg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.isLg = this.lg();\n    this.xl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.isXl = this.xl();\n    this.xxl.set(width >= breakpoints.xxlMinimum);\n    this.isXxl = this.xxl();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResizeObserverDirective } from './si-resize-observer.directive';\nimport { SiResponsiveContainerDirective } from './si-responsive-container.directive';\n\n@NgModule({\n  imports: [SiResizeObserverDirective, SiResponsiveContainerDirective],\n  exports: [SiResizeObserverDirective, SiResponsiveContainerDirective]\n})\nexport class SiResizeObserverModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './resize-observer.service';\nexport * from './si-resize-observer.directive';\nexport * from './si-resize-observer.module';\nexport * from './si-responsive-container.directive';\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-resize-observer.mjs","sources":["../../../../projects/element-ng/resize-observer/resize-observer.service.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.directive.ts","../../../../projects/element-ng/resize-observer/si-responsive-container.directive.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.module.ts","../../../../projects/element-ng/resize-observer/index.ts","../../../../projects/element-ng/resize-observer/siemens-element-ng-resize-observer.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, NgZone, PLATFORM_ID } from '@angular/core';\nimport { Observable, Subscriber } from 'rxjs';\n\nexport interface ElementDimensions {\n  width: number;\n  height: number;\n}\n\ninterface ResizeSubscriber {\n  sub: Subscriber<ElementDimensions>;\n  dim?: ElementDimensions;\n  throttle: number;\n  blocked: boolean;\n  emitImmediate?: boolean;\n}\n\ninterface Listener {\n  element: Element;\n  subscribers: ResizeSubscriber[];\n}\n\ninterface QueueEntry {\n  element: Element;\n  subscriber: ResizeSubscriber;\n  unblock: boolean;\n  force: boolean;\n}\n\n/**\n * A service wrapping `ResizeObserver`. This is a service for those reasons:\n * - only one `ResizeObserver` should be used for performance reason.\n * - For Angular change detection to work, explicit `ngZone` calls are necessary\n * - Observable stream\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class ResizeObserverService {\n  private listeners = new Map<Element, Listener>();\n  private resizeObserver?: ResizeObserver;\n  private timerQueue = new Map<number, QueueEntry[]>();\n  private zone = inject(NgZone);\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    if (!isBrowser || !ResizeObserver) {\n      return;\n    }\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) =>\n      entries.forEach(entry => this.handleElement(entry.target))\n    );\n  }\n\n  /**\n   * Observe the size of an element. Returns an observable with the changes.\n   * @param element - The element to observe\n   * @param throttle - Throttle time in ms. Will emit this time after the resize\n   * @param emitInitial - Emit the initial size after subscribe?\n   * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.\n   */\n  observe(\n    element: Element,\n    throttle: number,\n    emitInitial?: boolean,\n    emitImmediate?: boolean\n  ): Observable<ElementDimensions> {\n    let entry = this.listeners.get(element);\n    if (!entry) {\n      entry = { element, subscribers: [] };\n      this.listeners.set(element, entry);\n    }\n\n    return new Observable<ElementDimensions>(subscriber => {\n      const sub: ResizeSubscriber = {\n        sub: subscriber,\n        dim: undefined,\n        throttle,\n        blocked: false,\n        emitImmediate\n      };\n      this.subscriberAdded(entry!, sub, emitInitial);\n      return () => this.subscriberRemoved(entry!, sub);\n    });\n  }\n\n  private subscriberAdded(\n    entry: Listener,\n    subscriber: ResizeSubscriber,\n    emitInitial?: boolean\n  ): void {\n    entry.subscribers.push(subscriber);\n    if (entry.subscribers.length === 1) {\n      this.resizeObserver?.observe(entry.element);\n    }\n\n    if (emitInitial) {\n      this.schedule(0, entry.element, subscriber, false, true);\n    }\n  }\n\n  private subscriberRemoved(entry: Listener, subscriber: ResizeSubscriber): void {\n    const index = entry.subscribers.indexOf(subscriber);\n    if (index >= 0) {\n      entry.subscribers.splice(index, 1);\n    }\n    if (entry.subscribers.length === 0) {\n      // no more subscribers, tear down everything\n      this.resizeObserver?.unobserve(entry.element);\n      this.listeners.delete(entry.element);\n    }\n    this.unschedule(subscriber);\n    // close down, no re-subscription possible\n    subscriber.sub.complete();\n  }\n\n  private handleElement(element: Element): void {\n    const entry = this.listeners.get(element);\n    if (!entry) {\n      this.resizeObserver?.unobserve(element);\n      return;\n    }\n    entry.subscribers.forEach(sub => this.handleResizeSubscriber(element, sub));\n  }\n\n  private handleResizeSubscriber(element: Element, entry: ResizeSubscriber): void {\n    if (entry.blocked) {\n      return;\n    }\n    if (entry.emitImmediate) {\n      this.schedule(0, element, entry, false);\n    }\n    this.schedule(entry.throttle, element, entry, true);\n  }\n\n  private emitSize(element: Element, entry: ResizeSubscriber, force = false): void {\n    const dimensions = { width: element.clientWidth, height: element.clientHeight };\n    if (\n      !force &&\n      entry.dim?.width === dimensions.width &&\n      entry.dim?.height === dimensions.height\n    ) {\n      // Prevent spurious emissions. Subpixels and all..\n      return;\n    }\n    entry.dim = dimensions;\n    entry.sub.next(dimensions);\n  }\n\n  private schedule(\n    timeout: number,\n    element: Element,\n    subscriber: ResizeSubscriber,\n    unblock: boolean,\n    force = false\n  ): void {\n    if (unblock) {\n      subscriber.blocked = true;\n    }\n\n    let queue = this.timerQueue.get(timeout);\n    if (!queue) {\n      queue = [];\n      this.timerQueue.set(timeout, queue);\n      setTimeout(() => {\n        this.timerQueue.delete(timeout);\n        this.processQueue(queue!);\n      }, timeout);\n    }\n\n    queue.push({ element, subscriber, unblock, force });\n  }\n\n  private unschedule(entry: ResizeSubscriber): void {\n    const queued = this.timerQueue.get(entry.throttle);\n    if (queued) {\n      const index = queued.findIndex(q => q.subscriber === entry);\n      if (index > -1) {\n        queued.splice(index, 1);\n      }\n    }\n  }\n\n  private processQueue(queue: QueueEntry[]): void {\n    this.zone.run(() => {\n      queue?.forEach(q => {\n        if (q.unblock) {\n          q.subscriber.blocked = false;\n        }\n        this.emitSize(q.element, q.subscriber, q.force);\n      });\n    });\n  }\n\n  /**\n   * check size on all observed elements. Only use in testing!\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  _checkAll(): void {\n    this.listeners.forEach(entry => this.handleElement(entry.element));\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ElementDimensions, ResizeObserverService } from './resize-observer.service';\n\n/**\n * Directive to emit events on element size change. Use like this:\n *   `<div (siResizeObserver)=\"handleResize($event)\">`\n * When the size of the element changes, an event in the format\n *   `{ width: number, height: number }`\n * will be emitted. Also an initial event will be emitted on init.\n *\n * By default, events are throttled and to an event every 100ms. To change\n * this, add `[resizeThrottle]=\"200\"` on the same element. Input in milliseconds.\n */\n@Directive({\n  selector: '[siResizeObserver]'\n})\nexport class SiResizeObserverDirective implements OnInit, OnDestroy {\n  /** @defaultValue 100 */\n  readonly resizeThrottle = input(100);\n  /** @defaultValue true */\n  // TODO: switch default to false in v48.0.0\n  readonly emitInitial = input(true, { transform: booleanAttribute });\n  readonly siResizeObserver = output<ElementDimensions>();\n\n  private subs?: Subscription;\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), this.emitInitial())\n      .subscribe(value => this.siResizeObserver.emit(value));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ResizeObserverService } from './resize-observer.service';\n\nexport interface Breakpoints {\n  smMinimum: number;\n  mdMinimum: number;\n  lgMinimum: number;\n  xlMinimum: number;\n  xxlMinimum: number;\n}\n\n// keep in sync with the Bootstrap variables\nexport const BOOTSTRAP_BREAKPOINTS: Breakpoints = {\n  smMinimum: 576,\n  mdMinimum: 768,\n  lgMinimum: 992,\n  xlMinimum: 1200,\n  xxlMinimum: 1400\n};\n\n/**\n * Directive to automatically set `si-container-*` classes so Bootstrap column classes work\n * in the context of the container instead of viewport size.\n */\n@Directive({\n  selector: '[siResponsiveContainer]',\n  host: {\n    '[class.si-container-xs]': 'xs()',\n    '[class.si-container-sm]': 'sm()',\n    '[class.si-container-md]': 'md()',\n    '[class.si-container-lg]': 'lg()',\n    '[class.si-container-xl]': 'xl()',\n    '[class.si-container-xxl]': 'xxl()'\n  },\n  exportAs: 'siResponsiveContainer'\n})\nexport class SiResponsiveContainerDirective implements OnInit, OnDestroy {\n  /** @defaultValue false */\n  readonly xs = signal(false);\n  /**\n   * @deprecated Use {@link xs} instead.\n   * @defaultValue false\n   **/\n  isXs = false;\n  /** @defaultValue false */\n  readonly sm = signal(false);\n  /**\n   * @deprecated Use {@link sm} instead.\n   * @defaultValue false\n   **/\n  isSm = false;\n  /** @defaultValue false */\n  readonly md = signal(false);\n  /**\n   * @deprecated Use {@link md} instead.\n   * @defaultValue false\n   **/\n  isMd = false;\n  /** @defaultValue false */\n  readonly lg = signal(false);\n  /**\n   * @deprecated Use {@link lg} instead.\n   * @defaultValue false\n   **/\n  isLg = false;\n  /** @defaultValue false */\n  readonly xl = signal(false);\n  /**\n   * @deprecated Use {@link xl} instead.\n   * @defaultValue false\n   **/\n  isXl = false;\n  /** @defaultValue false */\n  readonly xxl = signal(false);\n  /**\n   * @deprecated Use {@link xxl} instead.\n   * @defaultValue false\n   **/\n  isXxl = false;\n\n  /** @defaultValue 100 */\n  readonly resizeThrottle = input(100);\n  readonly breakpoints = input<Breakpoints>();\n\n  private subs?: Subscription;\n\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), true)\n      .subscribe(event => this.setResponsiveSize(event.width, event.height));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n\n  private setResponsiveSize(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.xs.set(width < breakpoints.smMinimum);\n    this.isXs = this.xs();\n    this.sm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.isSm = this.sm();\n    this.md.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.isMd = this.md();\n    this.lg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.isLg = this.lg();\n    this.xl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.isXl = this.xl();\n    this.xxl.set(width >= breakpoints.xxlMinimum);\n    this.isXxl = this.xxl();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResizeObserverDirective } from './si-resize-observer.directive';\nimport { SiResponsiveContainerDirective } from './si-responsive-container.directive';\n\n@NgModule({\n  imports: [SiResizeObserverDirective, SiResponsiveContainerDirective],\n  exports: [SiResizeObserverDirective, SiResponsiveContainerDirective]\n})\nexport class SiResizeObserverModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './resize-observer.service';\nexport * from './si-resize-observer.directive';\nexport * from './si-resize-observer.module';\nexport * from './si-responsive-container.directive';\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-result-details-list.mjs

@@ -23,36 +23,24 @@ class SiResultDetailsListComponent {
         elementStateExclamationMark,
         elementStateTick
     });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-primary]=\"step.state === 'running'\"\n    >\n      @if (step.state === 'running') {\n        <si-loading-spinner class=\"me-4\" />\n      }\n      @if (step.icon && step.state !== 'running') {\n        <si-icon-next class=\"me-4 icon\" [icon]=\"step.icon\" />\n      }\n      @if (!step.icon && step.state !== 'running') {\n        @switch (step.state) {\n          @case ('passed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n            </span>\n          }\n          @case ('failed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next\n                class=\"status-critical-contrast\"\n                [icon]=\"icons.elementStateExclamationMark\"\n              />\n            </span>\n          }\n          @case ('not-started') {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementNotChecked\" />\n          }\n          @default {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementOutOfService\" />\n          }\n        }\n      }\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-title-2\">{{\n              step.description | translate: step.translationParams\n            }}</span>\n            @if (step.detail) {\n              <div class=\"si-body-2 text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-title-2 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: 1.5rem;--loading-spinner-color: var(--element-text-active)}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:2.00025rem;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--element-ui-2);block-size:calc(50% - .75rem);margin-inline-start:calc(.75rem - .5px)}si-icon-next{color:var(--element-ui-2)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-primary]=\"step.state === 'running'\"\n    >\n      @if (step.state === 'running') {\n        <si-loading-spinner class=\"me-4\" />\n      }\n      @if (step.icon && step.state !== 'running') {\n        <si-icon-next class=\"me-4 icon\" [icon]=\"step.icon\" />\n      }\n      @if (!step.icon && step.state !== 'running') {\n        @switch (step.state) {\n          @case ('passed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n            </span>\n          }\n          @case ('failed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next\n                class=\"status-critical-contrast\"\n                [icon]=\"icons.elementStateExclamationMark\"\n              />\n            </span>\n          }\n          @case ('not-started') {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementNotChecked\" />\n          }\n          @default {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementOutOfService\" />\n          }\n        }\n      }\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-title-2\">{{\n              step.description | translate: step.translationParams\n            }}</span>\n            @if (step.detail) {\n              <div class=\"si-body-2 text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-title-2 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: 1.5rem;--loading-spinner-color: var(--element-text-active)}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:2.00025rem;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--element-ui-2);block-size:calc(50% - .75rem);margin-inline-start:calc(.75rem - .5px)}si-icon-next{color:var(--element-ui-2)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-result-details-list', imports: [SiLoadingSpinnerComponent, SiIconNextComponent, SiTranslatePipe], template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-primary]=\"step.state === 'running'\"\n    >\n      @if (step.state === 'running') {\n        <si-loading-spinner class=\"me-4\" />\n      }\n      @if (step.icon && step.state !== 'running') {\n        <si-icon-next class=\"me-4 icon\" [icon]=\"step.icon\" />\n      }\n      @if (!step.icon && step.state !== 'running') {\n        @switch (step.state) {\n          @case ('passed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n            </span>\n          }\n          @case ('failed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next\n                class=\"status-critical-contrast\"\n                [icon]=\"icons.elementStateExclamationMark\"\n              />\n            </span>\n          }\n          @case ('not-started') {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementNotChecked\" />\n          }\n          @default {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementOutOfService\" />\n          }\n        }\n      }\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-title-2\">{{\n              step.description | translate: step.translationParams\n            }}</span>\n            @if (step.detail) {\n              <div class=\"si-body-2 text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-title-2 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: 1.5rem;--loading-spinner-color: var(--element-text-active)}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:2.00025rem;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--element-ui-2);block-size:calc(50% - .75rem);margin-inline-start:calc(.75rem - .5px)}si-icon-next{color:var(--element-ui-2)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"] }]
         }] });
 
-/**
- * @deprecated This will be removed in a future release. Use the string values directly.
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const ResultDetailStepState = {
-    Passed: 'passed',
-    Failed: 'failed',
-    Running: 'running',
-    NotSupported: 'not-supported',
-    NotStarted: 'not-started'
-};
-
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiResultDetailsListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListModule, imports: [SiResultDetailsListComponent], exports: [SiResultDetailsListComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListModule, imports: [SiResultDetailsListComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListModule, imports: [SiResultDetailsListComponent], exports: [SiResultDetailsListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListModule, imports: [SiResultDetailsListComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiResultDetailsListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiResultDetailsListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiResultDetailsListComponent],
@@ -69,5 +57,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ResultDetailStepState, SiResultDetailsListComponent, SiResultDetailsListModule };
+export { SiResultDetailsListComponent, SiResultDetailsListModule };
 //# sourceMappingURL=siemens-element-ng-result-details-list.mjs.map

package/fesm2022/siemens-element-ng-result-details-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.datamodel.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, input } from '@angular/core';\nimport {\n  addIcons,\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick,\n  SiIconNextComponent\n} from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss'\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-primary]=\"step.state === 'running'\"\n    >\n      @if (step.state === 'running') {\n        <si-loading-spinner class=\"me-4\" />\n      }\n      @if (step.icon && step.state !== 'running') {\n        <si-icon-next class=\"me-4 icon\" [icon]=\"step.icon\" />\n      }\n      @if (!step.icon && step.state !== 'running') {\n        @switch (step.state) {\n          @case ('passed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n            </span>\n          }\n          @case ('failed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next\n                class=\"status-critical-contrast\"\n                [icon]=\"icons.elementStateExclamationMark\"\n              />\n            </span>\n          }\n          @case ('not-started') {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementNotChecked\" />\n          }\n          @default {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementOutOfService\" />\n          }\n        }\n      }\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-title-2\">{{\n              step.description | translate: step.translationParams\n            }}</span>\n            @if (step.detail) {\n              <div class=\"si-body-2 text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-title-2 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport interface ResultDetailStep {\n  /**\n   * A description of the step.\n   */\n  description: string;\n  /**\n   * A state object defining the state of the step.\n   */\n  state: ResultDetailStepState;\n  /**\n   * Optional value to be displayed for the step.\n   */\n  value?: string;\n  /**\n   * Optional error message to display.\n   */\n  errorMessage?: string;\n  /**\n   * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.\n   */\n  icon?: string;\n  /**\n   * Optional detail text which appears below description.\n   */\n  detail?: string;\n  /**\n   * Optional translation params to be used with translate pipe.\n   */\n  translationParams?: Record<string, unknown>;\n}\n\n/**\n * @deprecated This will be removed in a future release. Use the string values directly.\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const ResultDetailStepState = {\n  Passed: 'passed',\n  Failed: 'failed',\n  Running: 'running',\n  NotSupported: 'not-supported',\n  NotStarted: 'not-started'\n} as const;\n\n/**\n * This type defines the state that a detailed result step can have.\n */\nexport type ResultDetailStepState =\n  (typeof ResultDetailStepState)[keyof typeof ResultDetailStepState];\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;AACM,IAAA,KAAK,GAAG,KAAK,CAAqB,EAAE,CAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,shFAiEA,EAAA,MAAA,EAAA,CAAA,2yBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED5CY,yBAAyB,EAAE,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,mBAAmB,sEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI9D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,yBAAyB,EAAE,mBAAmB,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,shFAAA,EAAA,MAAA,EAAA,CAAA,2yBAAA,CAAA,EAAA;;;AEc5E;;AAEG;AACH;AACa,MAAA,qBAAqB,GAAG;AACnC,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,UAAU,EAAE;;;AC5Cd;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, input } from '@angular/core';\nimport {\n  addIcons,\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick,\n  SiIconNextComponent\n} from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss'\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-primary]=\"step.state === 'running'\"\n    >\n      @if (step.state === 'running') {\n        <si-loading-spinner class=\"me-4\" />\n      }\n      @if (step.icon && step.state !== 'running') {\n        <si-icon-next class=\"me-4 icon\" [icon]=\"step.icon\" />\n      }\n      @if (!step.icon && step.state !== 'running') {\n        @switch (step.state) {\n          @case ('passed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n            </span>\n          }\n          @case ('failed') {\n            <span class=\"me-4 icon icon-stack\">\n              <si-icon-next class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n              <si-icon-next\n                class=\"status-critical-contrast\"\n                [icon]=\"icons.elementStateExclamationMark\"\n              />\n            </span>\n          }\n          @case ('not-started') {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementNotChecked\" />\n          }\n          @default {\n            <si-icon-next class=\"me-4 icon\" [icon]=\"icons.elementOutOfService\" />\n          }\n        }\n      }\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-title-2\">{{\n              step.description | translate: step.translationParams\n            }}</span>\n            @if (step.detail) {\n              <div class=\"si-body-2 text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-title-2 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;AACM,IAAA,KAAK,GAAG,KAAK,CAAqB,EAAE,CAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,shFAiEA,EAAA,MAAA,EAAA,CAAA,2yBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED5CY,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,sEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI9D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,yBAAyB,EAAE,mBAAmB,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,shFAAA,EAAA,MAAA,EAAA,CAAA,2yBAAA,CAAA,EAAA;;;AErB5E;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-search-bar.mjs

@@ -69,7 +69,7 @@ class SiSearchBarComponent {
     icons = addIcons({ elementCancel, elementSearch });
     /** @internal */
     writeValue(value) {
-        this.setSearch(value);
+        this.writeSearchValue(value ?? '');
     }
     /** @internal */
     registerOnChange(fn) {
@@ -85,7 +85,7 @@ class SiSearchBarComponent {
     }
     ngOnChanges(changes) {
         if (changes.value) {
-            this.setSearch(changes.value.currentValue);
+            this.writeSearchValue(changes.value.currentValue);
         }
     }
     ngOnInit() {
@@ -97,13 +97,12 @@ class SiSearchBarComponent {
         this.debouncer.complete();
     }
     setSearch(value) {
+        value ??= '';
         if (value !== this.searchValue()) {
-            // FIXME: in v48, move outside the `if` so we don't emit when `value === undefined`
-            const searchVal = value ?? '';
-            this.searchValue.set(searchVal);
-            this.inputRef().nativeElement.value = searchVal;
-            this.onChange(searchVal);
-            this.searchChange.emit(searchVal);
+            this.searchValue.set(value);
+            this.inputRef().nativeElement.value = value;
+            this.onChange(value);
+            this.searchChange.emit(value);
         }
     }
     isProhibitedCharactersUsed(searchString) {
@@ -138,8 +137,12 @@ class SiSearchBarComponent {
     resetForm() {
         this.setSearch('');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiSearchBarComponent, isStandalone: true, selector: "si-search-bar", inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, prohibitedCharacters: { classPropertyName: "prohibitedCharacters", publicName: "prohibitedCharacters", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, tabbable: { classPropertyName: "tabbable", publicName: "tabbable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchChange: "searchChange" }, host: { listeners: { "focus": "focus()" }, properties: { "class.readonly": "readonly()" } }, providers: [
+    writeSearchValue(value) {
+        this.searchValue.set(value);
+        this.inputRef().nativeElement.value = value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiSearchBarComponent, isStandalone: true, selector: "si-search-bar", inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, prohibitedCharacters: { classPropertyName: "prohibitedCharacters", publicName: "prohibitedCharacters", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, tabbable: { classPropertyName: "tabbable", publicName: "tabbable", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, colorVariant: { classPropertyName: "colorVariant", publicName: "colorVariant", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchChange: "searchChange" }, host: { listeners: { "focus": "focus()" }, properties: { "class.readonly": "readonly()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: SiSearchBarComponent,
@@ -147,7 +150,7 @@ class SiSearchBarComponent {
             }
         ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"position-relative\" [class.disabled]=\"disabled()\" [class.focus]=\"inFocus\">\n  @if (showIcon()) {\n    <si-icon-next class=\"search-bar-icon icon text-secondary\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.dark-background]=\"colorVariant() === 'base-0'\"\n    [class.ps-9]=\"showIcon()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.tabindex]=\"tabbable() ? '' : '-1'\"\n    [readonly]=\"readonly()\"\n    (focus)=\"inFocus = true\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      aria-label=\"clear\"\n      class=\"btn btn-circle btn-xs btn-ghost cancel-button\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon-next [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [":host{--search-bar-icon-color: var(--element-text-secondary);--input-background-color: var(--element-base-1);--input-background-hover-color: var(--element-base-1)}:host div:hover .search-bar-icon,:host div:hover ::placeholder,:host div.focus .search-bar-icon,:host div.focus ::placeholder{color:var(--element-text-primary)!important}.dark-background{--input-background-color: var(--element-base-0);--input-background-hover-color: var(--element-ui-4)}input{transition:none;background-color:var(--input-background-color);border-radius:4px;border-width:0}input.form-control:focus-visible{background-color:var(--input-background-color)}.cancel-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}.is-invalid~.cancel-button{color:var(--element-status-danger)}.search-bar-icon{position:absolute;inset-block-start:4px;inset-inline-start:4px;color:var(--search-bar-icon-color);line-height:1}.icon-end{padding-inline-end:1.5rem}::placeholder{color:var(--element-text-secondary);padding-inline-start:2px}.disabled .search-bar-icon,.disabled input,.disabled .cancel-button,.disabled ::placeholder{color:var(--element-text-disabled)}.disabled input{background-color:var(--input-background-color)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-search-bar', imports: [SiIconNextComponent], providers: [
                         {
@@ -168,11 +171,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiSearchBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarModule, imports: [SiSearchBarComponent], exports: [SiSearchBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarModule, imports: [SiSearchBarComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarModule, imports: [SiSearchBarComponent], exports: [SiSearchBarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarModule, imports: [SiSearchBarComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSearchBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSearchBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiSearchBarComponent],

package/fesm2022/siemens-element-ng-search-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-search-bar.mjs","sources":["../../../../projects/element-ng/search-bar/si-search-bar.component.ts","../../../../projects/element-ng/search-bar/si-search-bar.component.html","../../../../projects/element-ng/search-bar/si-search-bar.module.ts","../../../../projects/element-ng/search-bar/index.ts","../../../../projects/element-ng/search-bar/siemens-element-ng-search-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  HostListener,\n  input,\n  numberAttribute,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport {\n  elementCancel,\n  elementSearch,\n  addIcons,\n  SiIconNextComponent\n} from '@siemens/element-ng/icon';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n@Component({\n  selector: 'si-search-bar',\n  imports: [SiIconNextComponent],\n  templateUrl: './si-search-bar.component.html',\n  styleUrl: './si-search-bar.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiSearchBarComponent,\n      multi: true\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.readonly]': 'readonly()'\n  }\n})\nexport class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAccessor, OnChanges {\n  private readonly inputRef = viewChild.required<ElementRef<HTMLInputElement>>('inputRef');\n  private debouncer = new Subject<string>();\n  private readonly disabledNgControl = signal(false);\n\n  /**\n   * Time unit change of search input takes effect.\n   *\n   * @defaultValue 400\n   */\n  readonly debounceTime = input(400, { transform: numberAttribute });\n  /**\n   * Prohibited characters restricting search.\n   */\n  readonly prohibitedCharacters = input<string>();\n  /**\n   * Define search input placeholder.\n   *\n   * @defaultValue ''\n   */\n  readonly placeholder = input('');\n  /**\n   * Display search icon before search input.\n   *\n   * @defaultValue false\n   */\n  readonly showIcon = input(false, { transform: booleanAttribute });\n  /**\n   * Whether the search is tabbable or not.\n   *\n   * @defaultValue true\n   */\n  readonly tabbable = input(true, { transform: booleanAttribute });\n\n  /**\n   * Define search input content.\n   */\n  readonly value = input<string>();\n\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Color to use for component background\n   *\n   * @defaultValue 'base-1'\n   */\n  readonly colorVariant = input<BackgroundColorVariant>('base-1');\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Output callback event will provide you with search term if search input changes.\n   */\n  readonly searchChange = output<string>();\n\n  protected isInvalid = false;\n  protected inFocus = false;\n\n  protected onChange = (val: any): void => {};\n  protected onTouch = (): void => {};\n\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n\n  protected readonly searchValue = signal('');\n  protected readonly icons = addIcons({ elementCancel, elementSearch });\n\n  /** @internal */\n  writeValue(value: string): void {\n    this.setSearch(value);\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  /** @internal */\n  setDisabledState(disabled: boolean): void {\n    this.disabledNgControl.set(disabled);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.setSearch(changes.value.currentValue);\n    }\n  }\n\n  ngOnInit(): void {\n    this.debouncer.pipe(debounceTime(this.debounceTime())).subscribe(value => {\n      this.setSearch(value);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.debouncer.complete();\n  }\n\n  private setSearch(value?: string): void {\n    if (value !== this.searchValue()) {\n      // FIXME: in v48, move outside the `if` so we don't emit when `value === undefined`\n      const searchVal = value ?? '';\n      this.searchValue.set(searchVal);\n      this.inputRef().nativeElement.value = searchVal;\n      this.onChange(searchVal);\n      this.searchChange.emit(searchVal);\n    }\n  }\n\n  private isProhibitedCharactersUsed(searchString: string | null): boolean {\n    const prohibitedCharacters = this.prohibitedCharacters();\n    if (!prohibitedCharacters || !searchString) {\n      return false;\n    }\n\n    for (const prohibitedCharacter of prohibitedCharacters) {\n      if (searchString.includes(prohibitedCharacter)) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  /** @internal */\n  @HostListener('focus')\n  focus(): void {\n    this.inputRef().nativeElement.focus();\n  }\n\n  protected onCancelFocus(event: Event): void {\n    event.stopPropagation();\n  }\n\n  protected input(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    if (!this.isProhibitedCharactersUsed(value)) {\n      this.debouncer.next(value);\n    }\n  }\n\n  protected onBlur(): void {\n    this.inFocus = false;\n    this.onTouch();\n  }\n\n  protected resetForm(): void {\n    this.setSearch('');\n  }\n}\n","<div class=\"position-relative\" [class.disabled]=\"disabled()\" [class.focus]=\"inFocus\">\n  @if (showIcon()) {\n    <si-icon-next class=\"search-bar-icon icon text-secondary\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.dark-background]=\"colorVariant() === 'base-0'\"\n    [class.ps-9]=\"showIcon()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.tabindex]=\"tabbable() ? '' : '-1'\"\n    [readonly]=\"readonly()\"\n    (focus)=\"inFocus = true\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      aria-label=\"clear\"\n      class=\"btn btn-circle btn-xs btn-ghost cancel-button\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon-next [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSearchBarComponent } from './si-search-bar.component';\n\n@NgModule({\n  imports: [SiSearchBarComponent],\n  exports: [SiSearchBarComponent]\n})\nexport class SiSearchBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-search-bar.component';\nexport * from './si-search-bar.module';\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-search-bar.mjs","sources":["../../../../projects/element-ng/search-bar/si-search-bar.component.ts","../../../../projects/element-ng/search-bar/si-search-bar.component.html","../../../../projects/element-ng/search-bar/si-search-bar.module.ts","../../../../projects/element-ng/search-bar/index.ts","../../../../projects/element-ng/search-bar/siemens-element-ng-search-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  HostListener,\n  input,\n  numberAttribute,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BackgroundColorVariant } from '@siemens/element-ng/common';\nimport {\n  elementCancel,\n  elementSearch,\n  addIcons,\n  SiIconNextComponent\n} from '@siemens/element-ng/icon';\nimport { Subject } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\n@Component({\n  selector: 'si-search-bar',\n  imports: [SiIconNextComponent],\n  templateUrl: './si-search-bar.component.html',\n  styleUrl: './si-search-bar.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiSearchBarComponent,\n      multi: true\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.readonly]': 'readonly()'\n  }\n})\nexport class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAccessor, OnChanges {\n  private readonly inputRef = viewChild.required<ElementRef<HTMLInputElement>>('inputRef');\n  private debouncer = new Subject<string>();\n  private readonly disabledNgControl = signal(false);\n\n  /**\n   * Time unit change of search input takes effect.\n   *\n   * @defaultValue 400\n   */\n  readonly debounceTime = input(400, { transform: numberAttribute });\n  /**\n   * Prohibited characters restricting search.\n   */\n  readonly prohibitedCharacters = input<string>();\n  /**\n   * Define search input placeholder.\n   *\n   * @defaultValue ''\n   */\n  readonly placeholder = input('');\n  /**\n   * Display search icon before search input.\n   *\n   * @defaultValue false\n   */\n  readonly showIcon = input(false, { transform: booleanAttribute });\n  /**\n   * Whether the search is tabbable or not.\n   *\n   * @defaultValue true\n   */\n  readonly tabbable = input(true, { transform: booleanAttribute });\n\n  /**\n   * Define search input content.\n   */\n  readonly value = input<string>();\n\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Color to use for component background\n   *\n   * @defaultValue 'base-1'\n   */\n  readonly colorVariant = input<BackgroundColorVariant>('base-1');\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Output callback event will provide you with search term if search input changes.\n   */\n  readonly searchChange = output<string>();\n\n  protected isInvalid = false;\n  protected inFocus = false;\n\n  protected onChange = (val: any): void => {};\n  protected onTouch = (): void => {};\n\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n\n  protected readonly searchValue = signal('');\n  protected readonly icons = addIcons({ elementCancel, elementSearch });\n\n  /** @internal */\n  writeValue(value: string): void {\n    this.writeSearchValue(value ?? '');\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  /** @internal */\n  setDisabledState(disabled: boolean): void {\n    this.disabledNgControl.set(disabled);\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.writeSearchValue(changes.value.currentValue);\n    }\n  }\n\n  ngOnInit(): void {\n    this.debouncer.pipe(debounceTime(this.debounceTime())).subscribe(value => {\n      this.setSearch(value);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.debouncer.complete();\n  }\n\n  private setSearch(value?: string): void {\n    value ??= '';\n    if (value !== this.searchValue()) {\n      this.searchValue.set(value);\n      this.inputRef().nativeElement.value = value;\n      this.onChange(value);\n      this.searchChange.emit(value);\n    }\n  }\n\n  private isProhibitedCharactersUsed(searchString: string | null): boolean {\n    const prohibitedCharacters = this.prohibitedCharacters();\n    if (!prohibitedCharacters || !searchString) {\n      return false;\n    }\n\n    for (const prohibitedCharacter of prohibitedCharacters) {\n      if (searchString.includes(prohibitedCharacter)) {\n        return true;\n      }\n    }\n\n    return false;\n  }\n\n  /** @internal */\n  @HostListener('focus')\n  focus(): void {\n    this.inputRef().nativeElement.focus();\n  }\n\n  protected onCancelFocus(event: Event): void {\n    event.stopPropagation();\n  }\n\n  protected input(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    if (!this.isProhibitedCharactersUsed(value)) {\n      this.debouncer.next(value);\n    }\n  }\n\n  protected onBlur(): void {\n    this.inFocus = false;\n    this.onTouch();\n  }\n\n  protected resetForm(): void {\n    this.setSearch('');\n  }\n\n  protected writeSearchValue(value: string): void {\n    this.searchValue.set(value);\n    this.inputRef().nativeElement.value = value;\n  }\n}\n","<div class=\"position-relative\" [class.disabled]=\"disabled()\" [class.focus]=\"inFocus\">\n  @if (showIcon()) {\n    <si-icon-next class=\"search-bar-icon icon text-secondary\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.dark-background]=\"colorVariant() === 'base-0'\"\n    [class.ps-9]=\"showIcon()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.tabindex]=\"tabbable() ? '' : '-1'\"\n    [readonly]=\"readonly()\"\n    (focus)=\"inFocus = true\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      aria-label=\"clear\"\n      class=\"btn btn-circle btn-xs btn-ghost cancel-button\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon-next [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSearchBarComponent } from './si-search-bar.component';\n\n@NgModule({\n  imports: [SiSearchBarComponent],\n  exports: [SiSearchBarComponent]\n})\nexport class SiSearchBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-search-bar.component';\nexport * from './si-search-bar.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}