@siemens/element-ng 47.9.0 → 48.0.0-next.2

package/fesm2022/siemens-element-ng-status-toggle.mjs

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { input, model, output, viewChild, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { listenGlobal, isRTL } from '@siemens/element-ng/common';
-import { SiIconComponent } from '@siemens/element-ng/icon';
+import { SiIconNextComponent } from '@siemens/element-ng/icon';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
 /**
@@ -160,26 +160,26 @@ class SiStatusToggleComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiStatusToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiStatusToggleComponent, isStandalone: true, selector: "si-status-toggle", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", itemClick: "itemClick" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiStatusToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiStatusToggleComponent, isStandalone: true, selector: "si-status-toggle", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", itemClick: "itemClick" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 // eslint-disable-next-line @angular-eslint/no-forward-ref
                 useExisting: forwardRef(() => SiStatusToggleComponent),
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "containerElement", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "draggableElement", first: true, predicate: ["draggable"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <si-icon\n        alt=\"\"\n        [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        [stackedIcon]=\"$index === selIndexValue ? item.activeIconStacked : ''\"\n        [stackedColor]=\"\n          $index === selIndexValue\n            ? (item.activeIconStackedClass ?? item.activeIconClass + '-contrast')\n            : ''\n        \"\n        [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n      />\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;block-size:48px;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);background:var(--element-base-2);padding:2px}.status-toggle-container{position:relative;display:flex;gap:2px;inline-size:100%;block-size:100%;border-radius:var(--element-radius-1);justify-content:space-around;z-index:0;-webkit-user-select:none;user-select:none}.status-toggle-container.disabled{cursor:not-allowed}.status-toggle-container.disabled .toggle-draggable{display:none}.status-toggle-container.disabled .status-toggle-item{color:var(--element-text-disabled)}.status-toggle-item{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;color:var(--element-text-secondary);border-radius:1px;cursor:pointer}.status-toggle-item.active{color:var(--element-text-primary)!important}.status-toggle-item.disabled{cursor:not-allowed;color:var(--element-text-disabled)!important}.status-toggle-item span{max-inline-size:100%;-webkit-user-select:none;user-select:none}.toggle-draggable{position:absolute;inset-block:0;z-index:1;cursor:pointer}.toggle-draggable.animated{transition:all .4s ease}.visible-toggle-draggable{inline-size:100%;block-size:100%;border-radius:1px;background:var(--element-base-1-selected)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon", "color", "stackedIcon", "stackedColor", "alt", "size"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "containerElement", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "draggableElement", first: true, predicate: ["draggable"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled || isDisabled()\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <span class=\"icon icon-stack\">\n        <si-icon-next\n          [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n          [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        />\n        @if ($index === selIndexValue && item.activeIconStacked) {\n          <si-icon-next\n            [ngClass]=\"item.activeIconStackedClass ?? item.activeIconClass + '-contrast'\"\n            [icon]=\"item.activeIconStacked\"\n          />\n        }\n      </span>\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;block-size:48px;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);background:var(--element-base-2);padding:2px}.status-toggle-container{position:relative;display:flex;gap:2px;inline-size:100%;block-size:100%;border-radius:var(--element-radius-1);justify-content:space-around;z-index:0;-webkit-user-select:none;user-select:none}.status-toggle-container.disabled .toggle-draggable{display:none}.status-toggle-container.disabled .status-toggle-item{color:var(--element-text-disabled)}.status-toggle-item{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;color:var(--element-text-secondary);border-radius:1px;cursor:pointer}.status-toggle-item.active{color:var(--element-text-primary)!important}.status-toggle-item.disabled{cursor:default;color:var(--element-text-disabled)!important}.status-toggle-item span{max-inline-size:100%;-webkit-user-select:none;user-select:none}.toggle-draggable{position:absolute;inset-block:0;z-index:1;cursor:pointer}.toggle-draggable.animated{transition:all .4s ease}.visible-toggle-draggable{inline-size:100%;block-size:100%;border-radius:1px;background:var(--element-base-1-selected)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiStatusToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiStatusToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-status-toggle', imports: [NgClass, SiIconComponent, SiTranslatePipe], providers: [
+            args: [{ selector: 'si-status-toggle', imports: [NgClass, SiIconNextComponent, SiTranslatePipe], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             // eslint-disable-next-line @angular-eslint/no-forward-ref
                             useExisting: forwardRef(() => SiStatusToggleComponent),
                             multi: true
                         }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <si-icon\n        alt=\"\"\n        [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        [stackedIcon]=\"$index === selIndexValue ? item.activeIconStacked : ''\"\n        [stackedColor]=\"\n          $index === selIndexValue\n            ? (item.activeIconStackedClass ?? item.activeIconClass + '-contrast')\n            : ''\n        \"\n        [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n      />\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;block-size:48px;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);background:var(--element-base-2);padding:2px}.status-toggle-container{position:relative;display:flex;gap:2px;inline-size:100%;block-size:100%;border-radius:var(--element-radius-1);justify-content:space-around;z-index:0;-webkit-user-select:none;user-select:none}.status-toggle-container.disabled{cursor:not-allowed}.status-toggle-container.disabled .toggle-draggable{display:none}.status-toggle-container.disabled .status-toggle-item{color:var(--element-text-disabled)}.status-toggle-item{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;color:var(--element-text-secondary);border-radius:1px;cursor:pointer}.status-toggle-item.active{color:var(--element-text-primary)!important}.status-toggle-item.disabled{cursor:not-allowed;color:var(--element-text-disabled)!important}.status-toggle-item span{max-inline-size:100%;-webkit-user-select:none;user-select:none}.toggle-draggable{position:absolute;inset-block:0;z-index:1;cursor:pointer}.toggle-draggable.animated{transition:all .4s ease}.visible-toggle-draggable{inline-size:100%;block-size:100%;border-radius:1px;background:var(--element-base-1-selected)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled || isDisabled()\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <span class=\"icon icon-stack\">\n        <si-icon-next\n          [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n          [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        />\n        @if ($index === selIndexValue && item.activeIconStacked) {\n          <si-icon-next\n            [ngClass]=\"item.activeIconStackedClass ?? item.activeIconClass + '-contrast'\"\n            [icon]=\"item.activeIconStacked\"\n          />\n        }\n      </span>\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;block-size:48px;border:1px solid var(--element-ui-4);border-radius:var(--element-radius-2);background:var(--element-base-2);padding:2px}.status-toggle-container{position:relative;display:flex;gap:2px;inline-size:100%;block-size:100%;border-radius:var(--element-radius-1);justify-content:space-around;z-index:0;-webkit-user-select:none;user-select:none}.status-toggle-container.disabled .toggle-draggable{display:none}.status-toggle-container.disabled .status-toggle-item{color:var(--element-text-disabled)}.status-toggle-item{display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;color:var(--element-text-secondary);border-radius:1px;cursor:pointer}.status-toggle-item.active{color:var(--element-text-primary)!important}.status-toggle-item.disabled{cursor:default;color:var(--element-text-disabled)!important}.status-toggle-item span{max-inline-size:100%;-webkit-user-select:none;user-select:none}.toggle-draggable{position:absolute;inset-block:0;z-index:1;cursor:pointer}.toggle-draggable.animated{transition:all .4s ease}.visible-toggle-draggable{inline-size:100%;block-size:100%;border-radius:1px;background:var(--element-base-1-selected)}\n"] }]
         }] });
 
 /**

package/fesm2022/siemens-element-ng-status-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-status-toggle.mjs","sources":["../../../../projects/element-ng/status-toggle/si-status-toggle.component.ts","../../../../projects/element-ng/status-toggle/si-status-toggle.component.html","../../../../projects/element-ng/status-toggle/index.ts","../../../../projects/element-ng/status-toggle/siemens-element-ng-status-toggle.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  forwardRef,\n  input,\n  model,\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 { isRTL, listenGlobal } from '@siemens/element-ng/common';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { StatusToggleItem } from './status-toggle.model';\n\n@Component({\n  selector: 'si-status-toggle',\n  imports: [NgClass, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-status-toggle.component.html',\n  styleUrl: './si-status-toggle.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => SiStatusToggleComponent),\n      multi: true\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {\n  /** List of status items. */\n  readonly items = input.required<StatusToggleItem[]>();\n  /**\n   * Disabled state for the whole component.\n   * @defaultValue false\n   **/\n  readonly disabled = input(false);\n  /** Value of currently selected status item. */\n  readonly value = model<string | number>();\n\n  /** Emitted when an item is clicked. */\n  readonly itemClick = output<string | number>();\n\n  private readonly containerElement = viewChild.required<ElementRef>('container');\n  private readonly draggableElement = viewChild.required<ElementRef>('draggable');\n\n  private boundingX = 0;\n  private x0 = 0;\n  private offset0 = 0;\n  private onChange?: (value: string | number) => void;\n  private onTouched?: () => void;\n  private unlistenDragEvents: (() => void)[] = [];\n  private readonly internalDisabled = signal(false);\n\n  protected readonly selectedIndex = signal<number | undefined>(undefined);\n  protected readonly draggablePosition = signal('');\n  protected readonly animated = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.internalDisabled());\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value || changes.values) {\n      this.setValue(this.value(), true, false);\n    }\n  }\n\n  ngOnInit(): void {\n    const selectedIndex = this.items().findIndex(v => v.value === this.value());\n    if (selectedIndex >= 0) {\n      this.selectItem(selectedIndex, false, false);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.handleDragEnd();\n  }\n\n  /** @internal */\n  writeValue(value: string | number): void {\n    this.setValue(value, true, false);\n  }\n\n  /** @internal */\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.internalDisabled.set(isDisabled);\n  }\n\n  protected handleMouseDown(event: MouseEvent): void {\n    if (this.isDisabled() || event.buttons !== 1) {\n      return;\n    }\n    if (this.handleDragStart(event)) {\n      this.unlistenDragEvents.push(listenGlobal('mousemove', e => this.handleDragMove(e)));\n      this.unlistenDragEvents.push(listenGlobal('mouseup', e => this.handleDragEnd(e)));\n    }\n  }\n\n  protected handleTouchStart(event: TouchEvent): void {\n    if (event.touches.length !== 1 || this.disabled()) {\n      return;\n    }\n    if (this.handleDragStart(event)) {\n      this.unlistenDragEvents.push(listenGlobal('touchmove', e => this.handleDragMove(e), true));\n      this.unlistenDragEvents.push(listenGlobal('touchend', e => this.handleDragEnd(e)));\n    }\n  }\n\n  private handleDragStart(event: Event): boolean {\n    const rect = this.containerElement().nativeElement.getBoundingClientRect();\n    this.boundingX = rect.x;\n    const draggable = this.draggableElement().nativeElement;\n\n    this.offset0 = draggable.offsetLeft;\n    this.x0 = this.getX(event);\n\n    // adjust for click outside current selection\n    const clickIndex = this.getUnderlyingIndex(this.x0, true);\n    const currentIndex = this.getUnderlyingIndex(this.offset0);\n    const factor = isRTL() ? -1 : 1;\n    this.offset0 += (clickIndex - currentIndex) * draggable.offsetWidth * factor;\n\n    this.handleDragMove(event);\n    return true;\n  }\n\n  private handleDragEnd(event?: Event): void {\n    this.arrangeToUnderlyingItem(event);\n    this.unlistenDragEvents.forEach(handler => handler());\n    this.unlistenDragEvents.length = 0;\n  }\n\n  private getOffset(event: Event, isStart = false): number {\n    const containerWidth = this.containerElement().nativeElement.clientWidth;\n    const draggableWidth = this.draggableElement().nativeElement.clientWidth;\n\n    const dX = this.getX(event) - this.x0;\n    const left = Math.min(Math.max(0, this.offset0 + dX), containerWidth - draggableWidth);\n    return isStart && isRTL() ? containerWidth - draggableWidth - left : left;\n  }\n\n  private getUnderlyingIndex(offsetLeft: number, floor = false): number {\n    const pos = offsetLeft / this.draggableElement().nativeElement.clientWidth;\n    const element = floor ? Math.floor(pos) : Math.round(pos);\n    const len = this.items().length;\n    const index = isRTL() ? len - element - 1 : element;\n    return Math.max(0, Math.min(len - 1, index));\n  }\n\n  private arrangeToUnderlyingItem(event?: Event): void {\n    if (event && !this.isDisabled()) {\n      const index = this.getUnderlyingIndex(this.getOffset(event));\n      this.selectItem(this.items()[index].disabled ? this.selectedIndex() : index);\n      this.onTouched?.();\n    }\n  }\n\n  private handleDragMove(event: Event): void {\n    if (event.cancelable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this.draggablePosition.set(`${this.getOffset(event, true)}px`);\n    this.animated.set(false);\n  }\n\n  private getX(event: Event): number {\n    const clientX =\n      (event as MouseEvent).clientX ?? (event as TouchEvent).changedTouches[0]?.clientX ?? '';\n    return clientX - this.boundingX;\n  }\n\n  private setValue(val?: string | number, animated = true, emit = false): void {\n    this.selectItem(\n      this.items().findIndex(v => v.value === val),\n      animated,\n      emit\n    );\n  }\n\n  protected selectItem(index: number | undefined, animated = true, emit = true): void {\n    if (index === undefined || index === -1 || this.isDisabled()) {\n      return;\n    }\n\n    const values = this.items();\n    const value = values[index];\n    if (!value.disabled) {\n      const prevIndex = this.selectedIndex();\n\n      this.value.set(value.value);\n      this.animated.set(animated);\n      this.selectedIndex.set(index);\n      this.draggablePosition.set(`${(100 / values.length) * index}%`);\n\n      if (emit && index !== prevIndex) {\n        if (this.onChange) {\n          this.onChange(this.value()!);\n        }\n      }\n\n      if (emit) {\n        this.itemClick.emit(this.value()!);\n      }\n    }\n  }\n}\n","<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <si-icon\n        alt=\"\"\n        [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        [stackedIcon]=\"$index === selIndexValue ? item.activeIconStacked : ''\"\n        [stackedColor]=\"\n          $index === selIndexValue\n            ? (item.activeIconStackedClass ?? item.activeIconClass + '-contrast')\n            : ''\n        \"\n        [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n      />\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-status-toggle.component';\nexport * from './status-toggle.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;AAGG;MAwCU,uBAAuB,CAAA;;AAEzB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAsB;AACrD;;;AAGI;AACK,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;;IAEvB,KAAK,GAAG,KAAK,EAAmB;;IAGhC,SAAS,GAAG,MAAM,EAAmB;AAE7B,IAAA,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAa,WAAW,CAAC;AAC9D,IAAA,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAa,WAAW,CAAC;IAEvE,SAAS,GAAG,CAAC;IACb,EAAE,GAAG,CAAC;IACN,OAAO,GAAG,CAAC;AACX,IAAA,QAAQ;AACR,IAAA,SAAS;IACT,kBAAkB,GAAmB,EAAE;AAC9B,IAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC;AAE9B,IAAA,aAAa,GAAG,MAAM,CAAqB,SAAS,CAAC;AACrD,IAAA,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAC;AAC9B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;AACxB,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAE1F,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;AACnC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC;;;IAI5C,QAAQ,GAAA;QACN,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;AAC3E,QAAA,IAAI,aAAa,IAAI,CAAC,EAAE;YACtB,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC;;;IAIhD,WAAW,GAAA;QACT,IAAI,CAAC,aAAa,EAAE;;;AAItB,IAAA,UAAU,CAAC,KAAsB,EAAA;QAC/B,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;;;AAInC,IAAA,gBAAgB,CAAC,EAAoC,EAAA;AACnD,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;;AAIpB,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;;AAIrB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC;;AAG7B,IAAA,eAAe,CAAC,KAAiB,EAAA;QACzC,IAAI,IAAI,CAAC,UAAU,EAAE,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE;YAC5C;;AAEF,QAAA,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;YAC/B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;YACpF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;;;AAI3E,IAAA,gBAAgB,CAAC,KAAiB,EAAA;AAC1C,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjD;;AAEF,QAAA,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;YAC/B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YAC1F,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;;;AAI9E,IAAA,eAAe,CAAC,KAAY,EAAA;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;AAC1E,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa;AAEvD,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,UAAU;QACnC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG1B,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC;QACzD,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1D,QAAA,MAAM,MAAM,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC;AAC/B,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,GAAG,YAAY,IAAI,SAAS,CAAC,WAAW,GAAG,MAAM;AAE5E,QAAA,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;AAC1B,QAAA,OAAO,IAAI;;AAGL,IAAA,aAAa,CAAC,KAAa,EAAA;AACjC,QAAA,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;AACrD,QAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;;AAG5B,IAAA,SAAS,CAAC,KAAY,EAAE,OAAO,GAAG,KAAK,EAAA;QAC7C,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,CAAC,WAAW;QACxE,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,CAAC,WAAW;AAExE,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,cAAc,GAAG,cAAc,CAAC;AACtF,QAAA,OAAO,OAAO,IAAI,KAAK,EAAE,GAAG,cAAc,GAAG,cAAc,GAAG,IAAI,GAAG,IAAI;;AAGnE,IAAA,kBAAkB,CAAC,UAAkB,EAAE,KAAK,GAAG,KAAK,EAAA;AAC1D,QAAA,MAAM,GAAG,GAAG,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,aAAa,CAAC,WAAW;QAC1E,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QACzD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;AAC/B,QAAA,MAAM,KAAK,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO;AACnD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;;AAGtC,IAAA,uBAAuB,CAAC,KAAa,EAAA;QAC3C,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AAC/B,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,KAAK,CAAC;AAC5E,YAAA,IAAI,CAAC,SAAS,IAAI;;;AAId,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;;AAEzB,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,EAAA,CAAI,CAAC;AAC9D,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;;AAGlB,IAAA,IAAI,CAAC,KAAY,EAAA;AACvB,QAAA,MAAM,OAAO,GACV,KAAoB,CAAC,OAAO,IAAK,KAAoB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,IAAI,EAAE;AACzF,QAAA,OAAO,OAAO,GAAG,IAAI,CAAC,SAAS;;IAGzB,QAAQ,CAAC,GAAqB,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAA;QACnE,IAAI,CAAC,UAAU,CACb,IAAI,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,EAC5C,QAAQ,EACR,IAAI,CACL;;IAGO,UAAU,CAAC,KAAyB,EAAE,QAAQ,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA;AAC1E,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YAC5D;;AAGF,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE;AAC3B,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE;YAEtC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AAC3B,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC3B,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;AAC7B,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,KAAK,CAAA,CAAA,CAAG,CAAC;AAE/D,YAAA,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;AAC/B,gBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;;;YAIhC,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAG,CAAC;;;;uGArL7B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAVvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;;AAE1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAuB,CAAC;AACtD,gBAAA,KAAK,EAAE;AACR;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxCH,gxDAsDA,EDxBY,MAAA,EAAA,CAAA,yuCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,wHAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAaxC,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAfnC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,OAAO,EAAE,eAAe,EAAE,eAAe,CAAC,EAGzC,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;;AAE1B,4BAAA,WAAW,EAAE,UAAU,CAAC,6BAA6B,CAAC;AACtD,4BAAA,KAAK,EAAE;AACR;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gxDAAA,EAAA,MAAA,EAAA,CAAA,yuCAAA,CAAA,EAAA;;;AEzCjD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-status-toggle.mjs","sources":["../../../../projects/element-ng/status-toggle/si-status-toggle.component.ts","../../../../projects/element-ng/status-toggle/si-status-toggle.component.html","../../../../projects/element-ng/status-toggle/index.ts","../../../../projects/element-ng/status-toggle/siemens-element-ng-status-toggle.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  forwardRef,\n  input,\n  model,\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 { isRTL, listenGlobal } from '@siemens/element-ng/common';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { StatusToggleItem } from './status-toggle.model';\n\n@Component({\n  selector: 'si-status-toggle',\n  imports: [NgClass, SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-status-toggle.component.html',\n  styleUrl: './si-status-toggle.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => SiStatusToggleComponent),\n      multi: true\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {\n  /** List of status items. */\n  readonly items = input.required<StatusToggleItem[]>();\n  /**\n   * Disabled state for the whole component.\n   * @defaultValue false\n   **/\n  readonly disabled = input(false);\n  /** Value of currently selected status item. */\n  readonly value = model<string | number>();\n\n  /** Emitted when an item is clicked. */\n  readonly itemClick = output<string | number>();\n\n  private readonly containerElement = viewChild.required<ElementRef>('container');\n  private readonly draggableElement = viewChild.required<ElementRef>('draggable');\n\n  private boundingX = 0;\n  private x0 = 0;\n  private offset0 = 0;\n  private onChange?: (value: string | number) => void;\n  private onTouched?: () => void;\n  private unlistenDragEvents: (() => void)[] = [];\n  private readonly internalDisabled = signal(false);\n\n  protected readonly selectedIndex = signal<number | undefined>(undefined);\n  protected readonly draggablePosition = signal('');\n  protected readonly animated = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.internalDisabled());\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value || changes.values) {\n      this.setValue(this.value(), true, false);\n    }\n  }\n\n  ngOnInit(): void {\n    const selectedIndex = this.items().findIndex(v => v.value === this.value());\n    if (selectedIndex >= 0) {\n      this.selectItem(selectedIndex, false, false);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.handleDragEnd();\n  }\n\n  /** @internal */\n  writeValue(value: string | number): void {\n    this.setValue(value, true, false);\n  }\n\n  /** @internal */\n  registerOnChange(fn: (value: string | number) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.internalDisabled.set(isDisabled);\n  }\n\n  protected handleMouseDown(event: MouseEvent): void {\n    if (this.isDisabled() || event.buttons !== 1) {\n      return;\n    }\n    if (this.handleDragStart(event)) {\n      this.unlistenDragEvents.push(listenGlobal('mousemove', e => this.handleDragMove(e)));\n      this.unlistenDragEvents.push(listenGlobal('mouseup', e => this.handleDragEnd(e)));\n    }\n  }\n\n  protected handleTouchStart(event: TouchEvent): void {\n    if (event.touches.length !== 1 || this.disabled()) {\n      return;\n    }\n    if (this.handleDragStart(event)) {\n      this.unlistenDragEvents.push(listenGlobal('touchmove', e => this.handleDragMove(e), true));\n      this.unlistenDragEvents.push(listenGlobal('touchend', e => this.handleDragEnd(e)));\n    }\n  }\n\n  private handleDragStart(event: Event): boolean {\n    const rect = this.containerElement().nativeElement.getBoundingClientRect();\n    this.boundingX = rect.x;\n    const draggable = this.draggableElement().nativeElement;\n\n    this.offset0 = draggable.offsetLeft;\n    this.x0 = this.getX(event);\n\n    // adjust for click outside current selection\n    const clickIndex = this.getUnderlyingIndex(this.x0, true);\n    const currentIndex = this.getUnderlyingIndex(this.offset0);\n    const factor = isRTL() ? -1 : 1;\n    this.offset0 += (clickIndex - currentIndex) * draggable.offsetWidth * factor;\n\n    this.handleDragMove(event);\n    return true;\n  }\n\n  private handleDragEnd(event?: Event): void {\n    this.arrangeToUnderlyingItem(event);\n    this.unlistenDragEvents.forEach(handler => handler());\n    this.unlistenDragEvents.length = 0;\n  }\n\n  private getOffset(event: Event, isStart = false): number {\n    const containerWidth = this.containerElement().nativeElement.clientWidth;\n    const draggableWidth = this.draggableElement().nativeElement.clientWidth;\n\n    const dX = this.getX(event) - this.x0;\n    const left = Math.min(Math.max(0, this.offset0 + dX), containerWidth - draggableWidth);\n    return isStart && isRTL() ? containerWidth - draggableWidth - left : left;\n  }\n\n  private getUnderlyingIndex(offsetLeft: number, floor = false): number {\n    const pos = offsetLeft / this.draggableElement().nativeElement.clientWidth;\n    const element = floor ? Math.floor(pos) : Math.round(pos);\n    const len = this.items().length;\n    const index = isRTL() ? len - element - 1 : element;\n    return Math.max(0, Math.min(len - 1, index));\n  }\n\n  private arrangeToUnderlyingItem(event?: Event): void {\n    if (event && !this.isDisabled()) {\n      const index = this.getUnderlyingIndex(this.getOffset(event));\n      this.selectItem(this.items()[index].disabled ? this.selectedIndex() : index);\n      this.onTouched?.();\n    }\n  }\n\n  private handleDragMove(event: Event): void {\n    if (event.cancelable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this.draggablePosition.set(`${this.getOffset(event, true)}px`);\n    this.animated.set(false);\n  }\n\n  private getX(event: Event): number {\n    const clientX =\n      (event as MouseEvent).clientX ?? (event as TouchEvent).changedTouches[0]?.clientX ?? '';\n    return clientX - this.boundingX;\n  }\n\n  private setValue(val?: string | number, animated = true, emit = false): void {\n    this.selectItem(\n      this.items().findIndex(v => v.value === val),\n      animated,\n      emit\n    );\n  }\n\n  protected selectItem(index: number | undefined, animated = true, emit = true): void {\n    if (index === undefined || index === -1 || this.isDisabled()) {\n      return;\n    }\n\n    const values = this.items();\n    const value = values[index];\n    if (!value.disabled) {\n      const prevIndex = this.selectedIndex();\n\n      this.value.set(value.value);\n      this.animated.set(animated);\n      this.selectedIndex.set(index);\n      this.draggablePosition.set(`${(100 / values.length) * index}%`);\n\n      if (emit && index !== prevIndex) {\n        if (this.onChange) {\n          this.onChange(this.value()!);\n        }\n      }\n\n      if (emit) {\n        this.itemClick.emit(this.value()!);\n      }\n    }\n  }\n}\n","<div\n  #container\n  role=\"radiogroup\"\n  class=\"status-toggle-container\"\n  [class.disabled]=\"isDisabled()\"\n  (mousedown)=\"handleMouseDown($event)\"\n  (touchstart)=\"handleTouchStart($event)\"\n>\n  @let itemsValue = items();\n  <div\n    #draggable\n    class=\"toggle-draggable\"\n    [class.animated]=\"animated()\"\n    [class.disabled]=\"isDisabled()\"\n    [style.inset-inline-start]=\"draggablePosition()\"\n    [style.width.%]=\"100 / itemsValue.length\"\n  >\n    <div class=\"visible-toggle-draggable\"></div>\n  </div>\n\n  @let selIndexValue = selectedIndex();\n  @for (item of itemsValue; track $index) {\n    <div\n      #items\n      class=\"status-toggle-item focus-inside px-4\"\n      role=\"radio\"\n      [attr.aria-checked]=\"$index === selIndexValue\"\n      [attr.tabindex]=\"isDisabled() || item.disabled ? '' : '0'\"\n      [attr.aria-disabled]=\"isDisabled() || item.disabled\"\n      [class.active]=\"$index === selIndexValue\"\n      [class.disabled]=\"item.disabled || isDisabled()\"\n      [style.width.%]=\"100 / $count\"\n      (keydown.enter)=\"selectItem($index)\"\n    >\n      <span class=\"icon icon-stack\">\n        <si-icon-next\n          [ngClass]=\"$index === selIndexValue ? (item.activeIconClass ?? 'active') : ''\"\n          [icon]=\"$index === selIndexValue ? (item.activeIcon ?? item.icon) : item.icon\"\n        />\n        @if ($index === selIndexValue && item.activeIconStacked) {\n          <si-icon-next\n            [ngClass]=\"item.activeIconStackedClass ?? item.activeIconClass + '-contrast'\"\n            [icon]=\"item.activeIconStacked\"\n          />\n        }\n      </span>\n      <span\n        class=\"text-truncate\"\n        [ngClass]=\"$index === selIndexValue ? (item.activeTextClass ?? 'active') : ''\"\n      >\n        {{ item.text | translate }}\n      </span>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-status-toggle.component';\nexport * from './status-toggle.model';\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-summary-chip.mjs

@@ -55,10 +55,10 @@ class SiSummaryChipComponent {
             this.selected.set(!this.selected());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSummaryChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiSummaryChipComponent, isStandalone: true, selector: "si-summary-chip", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: "<div\n  class=\"chip\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack my-n2 ms-n2\">\n      <si-icon-next [ngClass]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [ngClass]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"si-body-2\" [class.visually-hidden]=\"hideLabel()\">\n    {{ label() | translate }}\n  </div>\n  <div class=\"si-title-2\">{{ value() | translate }}</div>\n</div>\n", styles: [".chip{display:inline-flex;align-items:center;border:1px solid var(--element-ui-3);border-radius:16px;padding-block:7px;padding-inline:8px;gap:4px}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { 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: SiSummaryChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiSummaryChipComponent, isStandalone: true, selector: "si-summary-chip", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: "<div\n  class=\"chip\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack my-n2 ms-n2\">\n      <si-icon-next [ngClass]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [ngClass]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"si-body-2\" [class.visually-hidden]=\"hideLabel()\">\n    {{ label() | translate }}\n  </div>\n  <div class=\"si-title-2\">{{ value() | translate }}</div>\n</div>\n", styles: [".chip{display:inline-flex;align-items:center;border:1px solid var(--element-ui-3);border-radius:16px;padding-block:7px;padding-inline:8px;gap:4px}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSummaryChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSummaryChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-summary-chip', imports: [NgClass, SiIconNextComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"chip\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack my-n2 ms-n2\">\n      <si-icon-next [ngClass]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [ngClass]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"si-body-2\" [class.visually-hidden]=\"hideLabel()\">\n    {{ label() | translate }}\n  </div>\n  <div class=\"si-title-2\">{{ value() | translate }}</div>\n</div>\n", styles: [".chip{display:inline-flex;align-items:center;border:1px solid var(--element-ui-3);border-radius:16px;padding-block:7px;padding-inline:8px;gap:4px}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"] }]
         }] });

package/fesm2022/siemens-element-ng-summary-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-summary-chip.mjs","sources":["../../../../projects/element-ng/summary-chip/si-summary-chip.component.ts","../../../../projects/element-ng/summary-chip/si-summary-chip.component.html","../../../../projects/element-ng/summary-chip/index.ts","../../../../projects/element-ng/summary-chip/siemens-element-ng-summary-chip.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model\n} from '@angular/core';\nimport { ExtendedStatusType } from '@siemens/element-ng/common';\nimport { SiIconNextComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-summary-chip',\n  imports: [NgClass, SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-summary-chip.component.html',\n  styleUrl: './si-summary-chip.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSummaryChipComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /** Status. Alternatively, use {@link icon} and {@link color}. */\n  readonly status = input<ExtendedStatusType>();\n  /** Icon token, see {@link https://element.siemens.io/icons/element}. */\n  readonly icon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/typography/#color-variants-classes}. */\n  readonly color = input<string>();\n  /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedIcon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedColor = input<string>();\n  /** The label. */\n  readonly label = input.required<TranslatableString>();\n  /** Value to display. */\n  readonly value = input.required<TranslatableString>();\n  /**\n   * Selected state, will change when clicked.\n   * @defaultValue false\n   */\n  readonly selected = model(false);\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Whether to hide the label. The label will still be used for screen-readers.\n   * @defaultValue false\n   */\n  readonly hideLabel = input(false, { transform: booleanAttribute });\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status\n      ? this.statusIcons[status]\n      : {\n          icon: this.icon(),\n          color: this.color(),\n          stacked: this.stackedIcon(),\n          stackedColor: this.stackedColor()\n        };\n  });\n\n  protected toggleSelected(): void {\n    if (!this.disabled()) {\n      this.selected.set(!this.selected());\n    }\n  }\n}\n","<div\n  class=\"chip\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack my-n2 ms-n2\">\n      <si-icon-next [ngClass]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [ngClass]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"si-body-2\" [class.visually-hidden]=\"hideLabel()\">\n    {{ label() | translate }}\n  </div>\n  <div class=\"si-title-2\">{{ value() | translate }}</div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-summary-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAsBU,sBAAsB,CAAA;AAChB,IAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC;;IAEhD,MAAM,GAAG,KAAK,EAAsB;;IAEpC,IAAI,GAAG,KAAK,EAAU;;IAEtB,KAAK,GAAG,KAAK,EAAU;;IAEvB,WAAW,GAAG,KAAK,EAAU;;IAE7B,YAAY,GAAG,KAAK,EAAU;;AAE9B,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAsB;;AAE5C,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAsB;AACrD;;;AAGG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AAChC;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACjE;;;AAGG;IACM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE/C,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC5C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,OAAO;AACL,cAAE,IAAI,CAAC,WAAW,CAAC,MAAM;AACzB,cAAE;AACE,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,gBAAA,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;AAC3B,gBAAA,YAAY,EAAE,IAAI,CAAC,YAAY;aAChC;AACP,KAAC,CAAC;IAEQ,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;;uGA9C5B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,m3CCzBnC,00BAyBA,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDLY,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,mBAAmB,sEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK5C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,CAAC,OAAO,EAAE,mBAAmB,EAAE,eAAe,CAAC,EAAA,eAAA,EAGvC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,00BAAA,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA;;;AEvBjD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-summary-chip.mjs","sources":["../../../../projects/element-ng/summary-chip/si-summary-chip.component.ts","../../../../projects/element-ng/summary-chip/si-summary-chip.component.html","../../../../projects/element-ng/summary-chip/index.ts","../../../../projects/element-ng/summary-chip/siemens-element-ng-summary-chip.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  model\n} from '@angular/core';\nimport { ExtendedStatusType } from '@siemens/element-ng/common';\nimport { SiIconNextComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-summary-chip',\n  imports: [NgClass, SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-summary-chip.component.html',\n  styleUrl: './si-summary-chip.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSummaryChipComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /** Status. Alternatively, use {@link icon} and {@link color}. */\n  readonly status = input<ExtendedStatusType>();\n  /** Icon token, see {@link https://element.siemens.io/icons/element}. */\n  readonly icon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/typography/#color-variants-classes}. */\n  readonly color = input<string>();\n  /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedIcon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedColor = input<string>();\n  /** The label. */\n  readonly label = input.required<TranslatableString>();\n  /** Value to display. */\n  readonly value = input.required<TranslatableString>();\n  /**\n   * Selected state, will change when clicked.\n   * @defaultValue false\n   */\n  readonly selected = model(false);\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Whether to hide the label. The label will still be used for screen-readers.\n   * @defaultValue false\n   */\n  readonly hideLabel = input(false, { transform: booleanAttribute });\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status\n      ? this.statusIcons[status]\n      : {\n          icon: this.icon(),\n          color: this.color(),\n          stacked: this.stackedIcon(),\n          stackedColor: this.stackedColor()\n        };\n  });\n\n  protected toggleSelected(): void {\n    if (!this.disabled()) {\n      this.selected.set(!this.selected());\n    }\n  }\n}\n","<div\n  class=\"chip\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"disabled() ? '' : '0'\"\n  [attr.aria-disabled]=\"disabled()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack my-n2 ms-n2\">\n      <si-icon-next [ngClass]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [ngClass]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"si-body-2\" [class.visually-hidden]=\"hideLabel()\">\n    {{ label() | translate }}\n  </div>\n  <div class=\"si-title-2\">{{ value() | translate }}</div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-summary-chip.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;;AAGG;MAsBU,sBAAsB,CAAA;AAChB,IAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC;;IAEhD,MAAM,GAAG,KAAK,EAAsB;;IAEpC,IAAI,GAAG,KAAK,EAAU;;IAEtB,KAAK,GAAG,KAAK,EAAU;;IAEvB,WAAW,GAAG,KAAK,EAAU;;IAE7B,YAAY,GAAG,KAAK,EAAU;;AAE9B,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAsB;;AAE5C,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAsB;AACrD;;;AAGG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC;AAChC;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACjE;;;AAGG;IACM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE/C,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC5C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,OAAO;AACL,cAAE,IAAI,CAAC,WAAW,CAAC,MAAM;AACzB,cAAE;AACE,gBAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACjB,gBAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,gBAAA,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;AAC3B,gBAAA,YAAY,EAAE,IAAI,CAAC,YAAY;aAChC;AACP,KAAC,CAAC;IAEQ,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;;;uGA9C5B,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,m3CCzBnC,00BAyBA,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDLY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,sEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAK5C,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,CAAC,OAAO,EAAE,mBAAmB,EAAE,eAAe,CAAC,EAAA,eAAA,EAGvC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,00BAAA,EAAA,MAAA,EAAA,CAAA,wXAAA,CAAA,EAAA;;;AEvBjD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-summary-widget.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, model, booleanAttribute, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { STATUS_ICON } from '@siemens/element-ng/common';
-import { SiIconComponent } from '@siemens/element-ng/icon';
+import { SiIconNextComponent } from '@siemens/element-ng/icon';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
 /**
@@ -55,12 +55,12 @@ class SiSummaryWidgetComponent {
             this.selected.set(!this.selected());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSummaryWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiSummaryWidgetComponent, isStandalone: true, selector: "si-summary-widget", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: "<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <si-icon\n      size=\"icon\"\n      alt=\"\"\n      [icon]=\"actualIcon.icon\"\n      [color]=\"actualIcon.color\"\n      [stackedIcon]=\"actualIcon.stacked\"\n      [stackedColor]=\"actualIcon.stackedColor\"\n    />\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n", styles: [".widget{display:inline-flex;align-items:start;block-size:100%;border-radius:var(--element-radius-1)}.widget.interactive{cursor:pointer}.widget.interactive:not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon", "color", "stackedIcon", "stackedColor", "alt", "size"] }, { 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: SiSummaryWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiSummaryWidgetComponent, isStandalone: true, selector: "si-summary-widget", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: "<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack\">\n      <si-icon-next [class]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [class]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n", styles: [".widget{display:inline-flex;align-items:start;block-size:100%;border-radius:var(--element-radius-1)}.widget.interactive{cursor:pointer}.widget.interactive:not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSummaryWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSummaryWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-summary-widget', imports: [SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <si-icon\n      size=\"icon\"\n      alt=\"\"\n      [icon]=\"actualIcon.icon\"\n      [color]=\"actualIcon.color\"\n      [stackedIcon]=\"actualIcon.stacked\"\n      [stackedColor]=\"actualIcon.stackedColor\"\n    />\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n", styles: [".widget{display:inline-flex;align-items:start;block-size:100%;border-radius:var(--element-radius-1)}.widget.interactive{cursor:pointer}.widget.interactive:not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"] }]
+            args: [{ selector: 'si-summary-widget', imports: [SiIconNextComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack\">\n      <si-icon-next [class]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [class]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n", styles: [".widget{display:inline-flex;align-items:start;block-size:100%;border-radius:var(--element-radius-1)}.widget.interactive{cursor:pointer}.widget.interactive:not(.selected):hover{background:var(--element-base-1-hover)}.selected{background:var(--element-base-1-selected)}.disabled{opacity:var(--element-action-disabled-opacity)}\n"] }]
         }] });
 
 /**

package/fesm2022/siemens-element-ng-summary-widget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-summary-widget.mjs","sources":["../../../../projects/element-ng/summary-widget/si-summary-widget.component.ts","../../../../projects/element-ng/summary-widget/si-summary-widget.component.html","../../../../projects/element-ng/summary-widget/index.ts","../../../../projects/element-ng/summary-widget/siemens-element-ng-summary-widget.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model\n} from '@angular/core';\nimport { ExtendedStatusType, STATUS_ICON } from '@siemens/element-ng/common';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-summary-widget',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-summary-widget.component.html',\n  styleUrl: './si-summary-widget.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSummaryWidgetComponent {\n  /** Status. Alternatively, use {@link icon} and {@link color}. */\n  readonly status = input<ExtendedStatusType>();\n  /** Icon token, see {@link https://element.siemens.io/icons/element}. */\n  readonly icon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}. */\n  readonly color = input<string>();\n  /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedIcon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedColor = input<string>();\n  /** The label. */\n  readonly label = input.required<TranslatableString>();\n  /** Value to display. */\n  readonly value = input.required<TranslatableString>();\n  /**\n   * Selected state, will change when clicked.\n   * @defaultValue false\n   */\n  readonly selected = model(false);\n  /**\n   * Readonly state.\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly interactive = computed(() => !this.disabled() && !this.readonly());\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status\n      ? STATUS_ICON[status]\n      : {\n          icon: this.icon(),\n          color: this.color(),\n          stacked: this.stackedIcon(),\n          stackedColor: this.stackedColor()\n        };\n  });\n\n  protected toggleSelected(): void {\n    if (this.interactive()) {\n      this.selected.set(!this.selected());\n    }\n  }\n}\n","<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <si-icon\n      size=\"icon\"\n      alt=\"\"\n      [icon]=\"actualIcon.icon\"\n      [color]=\"actualIcon.color\"\n      [stackedIcon]=\"actualIcon.stacked\"\n      [stackedColor]=\"actualIcon.stackedColor\"\n    />\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-summary-widget.component';\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-summary-widget.mjs","sources":["../../../../projects/element-ng/summary-widget/si-summary-widget.component.ts","../../../../projects/element-ng/summary-widget/si-summary-widget.component.html","../../../../projects/element-ng/summary-widget/index.ts","../../../../projects/element-ng/summary-widget/siemens-element-ng-summary-widget.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model\n} from '@angular/core';\nimport { ExtendedStatusType, STATUS_ICON } from '@siemens/element-ng/common';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-summary-widget',\n  imports: [SiIconNextComponent, SiTranslatePipe],\n  templateUrl: './si-summary-widget.component.html',\n  styleUrl: './si-summary-widget.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSummaryWidgetComponent {\n  /** Status. Alternatively, use {@link icon} and {@link color}. */\n  readonly status = input<ExtendedStatusType>();\n  /** Icon token, see {@link https://element.siemens.io/icons/element}. */\n  readonly icon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}. */\n  readonly color = input<string>();\n  /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedIcon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */\n  readonly stackedColor = input<string>();\n  /** The label. */\n  readonly label = input.required<TranslatableString>();\n  /** Value to display. */\n  readonly value = input.required<TranslatableString>();\n  /**\n   * Selected state, will change when clicked.\n   * @defaultValue false\n   */\n  readonly selected = model(false);\n  /**\n   * Readonly state.\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly interactive = computed(() => !this.disabled() && !this.readonly());\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status\n      ? STATUS_ICON[status]\n      : {\n          icon: this.icon(),\n          color: this.color(),\n          stacked: this.stackedIcon(),\n          stackedColor: this.stackedColor()\n        };\n  });\n\n  protected toggleSelected(): void {\n    if (this.interactive()) {\n      this.selected.set(!this.selected());\n    }\n  }\n}\n","<div\n  class=\"widget ps-2 pe-4 gap-2\"\n  role=\"checkbox\"\n  [attr.tabindex]=\"interactive() ? '0' : ''\"\n  [attr.aria-disabled]=\"!interactive()\"\n  [attr.aria-checked]=\"selected()\"\n  [class.selected]=\"selected()\"\n  [class.disabled]=\"disabled()\"\n  [class.interactive]=\"interactive()\"\n  (click)=\"toggleSelected()\"\n  (keydown.enter)=\"toggleSelected()\"\n>\n  @let actualIcon = statusIcon();\n  @if (actualIcon.icon) {\n    <span class=\"icon icon-stack\">\n      <si-icon-next [class]=\"actualIcon.color\" [icon]=\"actualIcon.icon\" />\n      @if (actualIcon.stacked) {\n        <si-icon-next [class]=\"actualIcon.stackedColor\" [icon]=\"actualIcon.stacked\" />\n      }\n    </span>\n  }\n  <div class=\"d-flex flex-column py-2\" [class.ps-2]=\"!actualIcon.icon\">\n    <div class=\"si-title-2\">{{ value() | translate }}</div>\n    <div class=\"si-body-2 text-secondary\">{{ label() | translate }}</div>\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-summary-widget.component';\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-system-banner.mjs

@@ -23,10 +23,10 @@ class SiSystemBannerComponent {
      */
     message = input.required();
     bannerClass = computed(() => `banner-${this.status()}`);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSystemBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SiSystemBannerComponent, isStandalone: true, selector: "si-system-banner", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "bannerClass()" } }, ngImport: i0, template: "<div\n  class=\"text-center text-truncate si-title-2 banner\"\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n>\n  {{ message() | translate }}\n</div>\n", styles: [":host{display:block;inline-size:100%}:host .banner{padding-block:2px;padding-inline:12px}:host.banner-info{background-color:var(--element-status-information);color:var(--element-status-information-contrast)}:host.banner-success{background-color:var(--element-status-success);color:var(--element-status-success-contrast)}:host.banner-warning{background-color:var(--element-status-warning);color:var(--element-status-warning-contrast)}:host.banner-caution{background-color:var(--element-status-caution);color:var(--element-status-caution-contrast)}:host.banner-danger{background-color:var(--element-status-danger);color:var(--element-status-danger-contrast)}:host.banner-critical{background-color:var(--element-status-critical);color:var(--element-status-critical-contrast)}\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: SiSystemBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SiSystemBannerComponent, isStandalone: true, selector: "si-system-banner", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "bannerClass()" } }, ngImport: i0, template: "<div\n  class=\"text-center text-truncate si-title-2 banner\"\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n>\n  {{ message() | translate }}\n</div>\n", styles: [":host{display:block;inline-size:100%}:host .banner{padding-block:2px;padding-inline:12px}:host.banner-info{background-color:var(--element-status-information);color:var(--element-status-information-contrast)}:host.banner-success{background-color:var(--element-status-success);color:var(--element-status-success-contrast)}:host.banner-warning{background-color:var(--element-status-warning);color:var(--element-status-warning-contrast)}:host.banner-caution{background-color:var(--element-status-caution);color:var(--element-status-caution-contrast)}:host.banner-danger{background-color:var(--element-status-danger);color:var(--element-status-danger-contrast)}:host.banner-critical{background-color:var(--element-status-critical);color:var(--element-status-critical-contrast)}\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: SiSystemBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiSystemBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-system-banner', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class]': 'bannerClass()'

package/fesm2022/siemens-element-ng-system-banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-system-banner.mjs","sources":["../../../../projects/element-ng/system-banner/system-banner.component.ts","../../../../projects/element-ng/system-banner/system-banner.component.html","../../../../projects/element-ng/system-banner/index.ts","../../../../projects/element-ng/system-banner/siemens-element-ng-system-banner.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { ExtendedStatusType } from '@siemens/element-ng/common';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/**\n * The system banner component displays a message with specific status as background.\n * Use this component for displaying system level messages on top of the page.\n */\n@Component({\n  selector: 'si-system-banner',\n  imports: [SiTranslatePipe],\n  templateUrl: './system-banner.component.html',\n  styleUrl: './system-banner.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'bannerClass()'\n  }\n})\nexport class SiSystemBannerComponent {\n  /**\n   * Status of the system banner.\n   * Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.\n   *\n   * @defaultValue 'info'\n   */\n  readonly status = input<ExtendedStatusType>('info');\n  /**\n   * Message to be displayed in the system banner.\n   */\n  readonly message = input.required<TranslatableString>();\n\n  protected readonly bannerClass = computed(() => `banner-${this.status()}`);\n}\n","<div\n  class=\"text-center text-truncate si-title-2 banner\"\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n>\n  {{ message() | translate }}\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './system-banner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAKH;;;AAGG;MAWU,uBAAuB,CAAA;AAClC;;;;;AAKG;AACM,IAAA,MAAM,GAAG,KAAK,CAAqB,MAAM,CAAC;AACnD;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAsB;AAEpC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAU,OAAA,EAAA,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,CAAC;uGAb/D,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBpC,gLAQA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDMY,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAQd,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,eAAe,CAAC,mBAGT,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,gLAAA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA;;;AEpBH;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-system-banner.mjs","sources":["../../../../projects/element-ng/system-banner/system-banner.component.ts","../../../../projects/element-ng/system-banner/system-banner.component.html","../../../../projects/element-ng/system-banner/index.ts","../../../../projects/element-ng/system-banner/siemens-element-ng-system-banner.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { ExtendedStatusType } from '@siemens/element-ng/common';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/**\n * The system banner component displays a message with specific status as background.\n * Use this component for displaying system level messages on top of the page.\n */\n@Component({\n  selector: 'si-system-banner',\n  imports: [SiTranslatePipe],\n  templateUrl: './system-banner.component.html',\n  styleUrl: './system-banner.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'bannerClass()'\n  }\n})\nexport class SiSystemBannerComponent {\n  /**\n   * Status of the system banner.\n   * Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.\n   *\n   * @defaultValue 'info'\n   */\n  readonly status = input<ExtendedStatusType>('info');\n  /**\n   * Message to be displayed in the system banner.\n   */\n  readonly message = input.required<TranslatableString>();\n\n  protected readonly bannerClass = computed(() => `banner-${this.status()}`);\n}\n","<div\n  class=\"text-center text-truncate si-title-2 banner\"\n  role=\"alert\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n>\n  {{ message() | translate }}\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './system-banner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAKH;;;AAGG;MAWU,uBAAuB,CAAA;AAClC;;;;;AAKG;AACM,IAAA,MAAM,GAAG,KAAK,CAAqB,MAAM,CAAC;AACnD;;AAEG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAsB;AAEpC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAA,OAAA,EAAU,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,CAAC;uGAb/D,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBpC,gLAQA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDMY,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAQd,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;+BACE,kBAAkB,EAAA,OAAA,EACnB,CAAC,eAAe,CAAC,mBAGT,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,SAAS,EAAE;AACZ,qBAAA,EAAA,QAAA,EAAA,gLAAA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA;;;AEpBH;;;AAGG;;ACHH;;AAEG;;;;"}