@siemens/element-ng 51.0.0-rc.9 → 51.0.1

package/fesm2022/siemens-element-ng-pills-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-pills-input.mjs","sources":["../../../../projects/element-ng/pills-input/si-input-pill.component.ts","../../../../projects/element-ng/pills-input/si-input-pill.component.html","../../../../projects/element-ng/pills-input/si-pills-input-value-handler.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.html","../../../../projects/element-ng/pills-input/si-pills-input-pattern-base.ts","../../../../projects/element-ng/pills-input/si-pills-input-csv.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input-email.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input.module.ts","../../../../projects/element-ng/pills-input/index.ts","../../../../projects/element-ng/pills-input/siemens-element-ng-pills-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-input-pill',\n  imports: [SiIconComponent],\n  templateUrl: './si-input-pill.component.html',\n  styles: '.btn { cursor: pointer; }',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'pill pe-0',\n    '[class.pe-4]': 'hideClose()'\n  }\n})\nexport class SiInputPillComponent {\n  /** Emits when the pill's close button is clicked. */\n  readonly deletePill = output<void>();\n\n  /**\n   * Whether to hide the close button.\n   *\n   * @defaultValue false\n   */\n  readonly hideClose = input(false);\n\n  protected readonly icons = addIcons({ elementCancel });\n}\n","<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span\n    class=\"ms-2 btn btn-circle btn-sm btn-tertiary-ghost\"\n    aria-hidden=\"true\"\n    (click)=\"deletePill.emit()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nexport interface SiPillsInputValueParseResult {\n  newValue: string;\n  newPills: string[];\n}\n\nexport type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';\n\n@Directive()\nexport abstract class SiPillsInputValueHandlerDirective {\n  /** @internal */\n  abstract handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiInputPillComponent } from './si-input-pill.component';\nimport {\n  SiPillsInputValueHandlerDirective,\n  SiPillsInputValueHandlerTrigger\n} from './si-pills-input-value-handler';\n\n@Component({\n  selector: 'si-pills-input',\n  imports: [SiInputPillComponent, SiTranslatePipe],\n  templateUrl: './si-pills-input.component.html',\n  styleUrl: './si-pills-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPillsInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPillsInputComponent\n    }\n  ],\n  host: {\n    class: 'form-control',\n    role: 'listbox',\n    'aria-orientation': 'horizontal',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[attr.aria-readonly]': 'readonly()',\n    // using attr so that tabindex is removed if not defined\n    '[attr.tabindex]': 'tabindex()',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.aria-describedby]': 'errormessageId()',\n    '(click)': 'click()',\n    '(keydown.arrowLeft)': 'arrowLeft()',\n    '(keydown.arrowRight)': 'arrowRight()',\n    '(keydown.backspace)': 'delete()',\n    '(keydown.delete)': 'delete()'\n  }\n})\nexport class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  /**\n   * The identifier of the pills-input. Will be generated if not provided.\n   *\n   * @defaultValue\n   * ```\n   * `__si-pills-input-${SiPillsInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);\n\n  /**\n   * The aria-label for the inner input where users enter new items.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n   * ```\n   */\n  readonly inputElementAriaLabel = input(\n    t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n  );\n\n  /**\n   * Whether the pills-input is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Whether the pills-input is readonly\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /** The placeholder to be shown if no value is currently present. */\n  readonly placeholder = input<TranslatableString>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the pills-input.\n   * Use this to reference the element containing the error message(s) for the pills-input.\n   * It will be picked by the {@link SiFormItemComponent} if the pills-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected inputValue = '';\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n\n  protected readonly pills = signal<string[]>([]);\n  protected readonly activePillIndex = signal<number | undefined>(undefined);\n  protected readonly inputId = computed(() => `${this.id()}-input`);\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly activeDescendant = computed(() => {\n    const activePillIndex = this.activePillIndex();\n    return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;\n  });\n\n  protected readonly tabindex = computed(() =>\n    this.disabled() ? undefined : this.readonly() ? 0 : -1\n  );\n  private readonly inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n  private readonly disabledNgControl = signal(false);\n  private siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {\n    optional: true\n  });\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.siPillsInputValueHandlerDirective ??= {\n      handle: (value, trigger) => {\n        if (trigger !== 'input') {\n          return {\n            newPills: [value],\n            newValue: ''\n          };\n        }\n        return undefined;\n      }\n    };\n  }\n\n  protected input(): void {\n    this.inputValue = this.inputElement()!.nativeElement.value;\n    this.rebuildValue(this.inputValue, 'input');\n  }\n\n  protected click(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  protected blur(): void {\n    this.rebuildValue(this.inputValue, 'blur');\n    this.activePillIndex.set(undefined);\n    this.onTouched();\n  }\n\n  protected keydownEnter(event: Event): void {\n    this.rebuildValue(this.inputValue, 'keydown.enter');\n    event.preventDefault();\n  }\n\n  protected keydownBackspace(event: Event): void {\n    const count = this.pills().length;\n    if (!this.inputValue && count) {\n      const lastChipValue = this.pills().at(-1)!;\n      this.remove(count - 1, false);\n      this.inputValue = lastChipValue;\n      event.preventDefault();\n    }\n  }\n\n  protected remove(index: number, focus = true): void {\n    this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));\n    this.onTouched();\n    this.onChange(this.pills());\n    if (focus) {\n      this.inputElement()!.nativeElement.focus();\n    }\n  }\n\n  private rebuildValue(value: string, trigger: SiPillsInputValueHandlerTrigger): void {\n    if (value) {\n      const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);\n      if (valueParseResult) {\n        this.pills.update(pills => [...pills, ...valueParseResult.newPills]);\n        // Doesn't update when setting to empty string.\n        // Not using setTimeout to avoid flickering.\n        this.cdRef.detectChanges();\n        this.inputValue = valueParseResult.newValue;\n        this.cdRef.detectChanges();\n\n        if (valueParseResult.newPills.length) {\n          this.onTouched();\n          this.onChange(this.pills());\n        }\n      }\n    }\n  }\n\n  protected arrowLeft(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(Math.max(0, activePillIndex - 1));\n    } else if (!this.inputValue.length && count) {\n      this.elementRef.nativeElement.focus();\n      this.activePillIndex.set(count - 1);\n    }\n  }\n\n  protected arrowRight(): void {\n    const activePillIndex = this.activePillIndex();\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(activePillIndex + 1);\n\n      if (this.activePillIndex()! >= this.pills().length) {\n        this.inputElement()?.nativeElement.focus();\n        this.activePillIndex.set(undefined);\n      }\n    }\n  }\n\n  protected delete(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined && !this.readonly()) {\n      const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;\n      this.remove(activePillIndex, targetIndex === undefined);\n      this.activePillIndex.set(targetIndex);\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): 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.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value?: string[] | null): void {\n    this.pills.set(value?.slice() ?? []);\n  }\n}\n","<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { signal, Signal } from '@angular/core';\n\nimport {\n  SiPillsInputValueHandlerTrigger,\n  SiPillsInputValueParseResult\n} from './si-pills-input-value-handler';\n\nexport const SEPARATOR_REGEX = /\\s*[;,]\\s*/g;\n\nexport abstract class SiPillsInputPatternBase {\n  /**\n   * Regex to split the input value into segments.\n   *\n   * @defaultValue SEPARATOR_REGEX\n   */\n  readonly separatorRegex = signal(SEPARATOR_REGEX);\n  /** Regex to validate an input string item. */\n  readonly validationRegex?: Signal<RegExp | undefined>;\n\n  /** @internal */\n  handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined {\n    const segments = value.split(this.separatorRegex()).map(s => s.trim());\n    const itemRegex = this.validationRegex?.();\n    if (segments.length) {\n      const newValue = trigger === 'input' ? segments.pop()! : '';\n      if (\n        segments.every(segment => {\n          return segment && (!itemRegex || segment.match(itemRegex));\n        })\n      ) {\n        return {\n          newPills: segments,\n          newValue\n        };\n      }\n    }\n\n    return {\n      newPills: [],\n      newValue: value\n    };\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, input } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n@Directive({\n  selector: '[siPillsInputCsv]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputCsvDirective\n    }\n  ]\n})\nexport class SiPillsInputCsvDirective extends SiPillsInputPatternBase {\n  /** @defaultValue undefined */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  override readonly validationRegex = input<RegExp>(undefined, { alias: 'pillsInputCsvItemRegex' });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, signal } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n// From Angular Email Validator\nconst EMAIL_REGEX =\n  /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\n\n@Directive({\n  selector: '[siPillsInputEmail]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputEmailDirective\n    }\n  ]\n})\nexport class SiPillsInputEmailDirective extends SiPillsInputPatternBase {\n  /**\n   * @defaultValue signal(EMAIL_REGEX).asReadonly()\n   */\n  override readonly validationRegex = signal(EMAIL_REGEX).asReadonly();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPillsInputCsvDirective } from './si-pills-input-csv.directive';\nimport { SiPillsInputEmailDirective } from './si-pills-input-email.directive';\nimport { SiPillsInputComponent } from './si-pills-input.component';\n\n@NgModule({\n  imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],\n  exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]\n})\nexport class SiPillsInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-pills-input.component';\nexport * from './si-pills-input.module';\nexport * from './si-pills-input-csv.directive';\nexport * from './si-pills-input-email.directive';\nexport * from './si-pills-input-value-handler';\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-pills-input.mjs","sources":["../../../../projects/element-ng/pills-input/si-input-pill.component.ts","../../../../projects/element-ng/pills-input/si-input-pill.component.html","../../../../projects/element-ng/pills-input/si-pills-input-value-handler.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.html","../../../../projects/element-ng/pills-input/si-pills-input-pattern-base.ts","../../../../projects/element-ng/pills-input/si-pills-input-csv.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input-email.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input.module.ts","../../../../projects/element-ng/pills-input/index.ts","../../../../projects/element-ng/pills-input/siemens-element-ng-pills-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-input-pill',\n  imports: [SiIconComponent],\n  templateUrl: './si-input-pill.component.html',\n  styles: '.btn { cursor: pointer; }',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'pill pe-0',\n    '[class.pe-4]': 'hideClose()'\n  }\n})\nexport class SiInputPillComponent {\n  /** Emits when the pill's close button is clicked. */\n  readonly deletePill = output<void>();\n\n  /**\n   * Whether to hide the close button.\n   *\n   * @defaultValue false\n   */\n  readonly hideClose = input(false);\n\n  protected readonly icons = addIcons({ elementCancel });\n}\n","<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span\n    class=\"ms-2 btn btn-circle btn-sm btn-tertiary-ghost\"\n    aria-hidden=\"true\"\n    (click)=\"deletePill.emit()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nexport interface SiPillsInputValueParseResult {\n  newValue: string;\n  newPills: string[];\n}\n\nexport type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';\n\n@Directive()\nexport abstract class SiPillsInputValueHandlerDirective {\n  /** @internal */\n  abstract handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiInputPillComponent } from './si-input-pill.component';\nimport {\n  SiPillsInputValueHandlerDirective,\n  SiPillsInputValueHandlerTrigger\n} from './si-pills-input-value-handler';\n\n@Component({\n  selector: 'si-pills-input',\n  imports: [SiInputPillComponent, SiTranslatePipe],\n  templateUrl: './si-pills-input.component.html',\n  styleUrl: './si-pills-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPillsInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPillsInputComponent\n    }\n  ],\n  host: {\n    class: 'form-control',\n    role: 'listbox',\n    'aria-orientation': 'horizontal',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[attr.aria-readonly]': 'readonly()',\n    // using attr so that tabindex is removed if not defined\n    '[attr.tabindex]': 'tabindex()',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.aria-describedby]': 'errormessageId()',\n    '(click)': 'click()',\n    '(keydown.arrowLeft)': 'arrowLeft()',\n    '(keydown.arrowRight)': 'arrowRight()',\n    '(keydown.backspace)': 'delete()',\n    '(keydown.delete)': 'delete()'\n  }\n})\nexport class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  /**\n   * The identifier of the pills-input. Will be generated if not provided.\n   *\n   * @defaultValue\n   * ```\n   * `__si-pills-input-${SiPillsInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);\n\n  /**\n   * The aria-label for the inner input where users enter new items.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n   * ```\n   */\n  readonly inputElementAriaLabel = input(\n    t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n  );\n\n  /**\n   * Whether the pills-input is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Whether the pills-input is readonly\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /** The placeholder to be shown if no value is currently present. */\n  readonly placeholder = input<TranslatableString>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the pills-input.\n   * Use this to reference the element containing the error message(s) for the pills-input.\n   * It will be picked by the {@link SiFormItemComponent} if the pills-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected inputValue = '';\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n\n  protected readonly pills = signal<string[]>([]);\n  protected readonly activePillIndex = signal<number | undefined>(undefined);\n  protected readonly inputId = computed(() => `${this.id()}-input`);\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly activeDescendant = computed(() => {\n    const activePillIndex = this.activePillIndex();\n    return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;\n  });\n\n  protected readonly tabindex = computed(() =>\n    this.disabled() ? undefined : this.readonly() ? 0 : -1\n  );\n  private readonly inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n  private readonly disabledNgControl = signal(false);\n  private siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {\n    optional: true\n  });\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.siPillsInputValueHandlerDirective ??= {\n      handle: (value, trigger) => {\n        if (trigger !== 'input') {\n          return {\n            newPills: [value],\n            newValue: ''\n          };\n        }\n        return undefined;\n      }\n    };\n  }\n\n  protected input(): void {\n    this.inputValue = this.inputElement()!.nativeElement.value;\n    this.rebuildValue(this.inputValue, 'input');\n  }\n\n  protected click(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  protected blur(): void {\n    this.rebuildValue(this.inputValue, 'blur');\n    this.activePillIndex.set(undefined);\n    this.onTouched();\n  }\n\n  protected keydownEnter(event: Event): void {\n    this.rebuildValue(this.inputValue, 'keydown.enter');\n    event.preventDefault();\n  }\n\n  protected keydownBackspace(event: Event): void {\n    const count = this.pills().length;\n    if (!this.inputValue && count) {\n      const lastChipValue = this.pills().at(-1)!;\n      this.remove(count - 1, false);\n      this.inputValue = lastChipValue;\n      event.preventDefault();\n    }\n  }\n\n  protected remove(index: number, focus = true): void {\n    this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));\n    this.onTouched();\n    this.onChange(this.pills());\n    if (focus) {\n      this.inputElement()!.nativeElement.focus();\n    }\n  }\n\n  private rebuildValue(value: string, trigger: SiPillsInputValueHandlerTrigger): void {\n    if (value) {\n      const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);\n      if (valueParseResult) {\n        this.pills.update(pills => [...pills, ...valueParseResult.newPills]);\n        // Doesn't update when setting to empty string.\n        // Not using setTimeout to avoid flickering.\n        this.cdRef.detectChanges();\n        this.inputValue = valueParseResult.newValue;\n        this.cdRef.detectChanges();\n\n        if (valueParseResult.newPills.length) {\n          this.onTouched();\n          this.onChange(this.pills());\n        }\n      }\n    }\n  }\n\n  protected arrowLeft(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(Math.max(0, activePillIndex - 1));\n    } else if (!this.inputValue.length && count) {\n      this.elementRef.nativeElement.focus();\n      this.activePillIndex.set(count - 1);\n    }\n  }\n\n  protected arrowRight(): void {\n    const activePillIndex = this.activePillIndex();\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(activePillIndex + 1);\n\n      if (this.activePillIndex()! >= this.pills().length) {\n        this.inputElement()?.nativeElement.focus();\n        this.activePillIndex.set(undefined);\n      }\n    }\n  }\n\n  protected delete(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined && !this.readonly()) {\n      const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;\n      this.remove(activePillIndex, targetIndex === undefined);\n      this.activePillIndex.set(targetIndex);\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): 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.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value?: string[] | null): void {\n    this.pills.set(value?.slice() ?? []);\n  }\n}\n","<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { signal, Signal } from '@angular/core';\n\nimport {\n  SiPillsInputValueHandlerTrigger,\n  SiPillsInputValueParseResult\n} from './si-pills-input-value-handler';\n\nexport const SEPARATOR_REGEX = /\\s*[;,]\\s*/g;\n\nexport abstract class SiPillsInputPatternBase {\n  /**\n   * Regex to split the input value into segments.\n   *\n   * @defaultValue SEPARATOR_REGEX\n   */\n  readonly separatorRegex = signal(SEPARATOR_REGEX);\n  /** Regex to validate an input string item. */\n  readonly validationRegex?: Signal<RegExp | undefined>;\n\n  /** @internal */\n  handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined {\n    const segments = value.split(this.separatorRegex()).map(s => s.trim());\n    const itemRegex = this.validationRegex?.();\n    if (segments.length) {\n      const newValue = trigger === 'input' ? segments.pop()! : '';\n      if (\n        segments.every(segment => {\n          return segment && (!itemRegex || segment.match(itemRegex));\n        })\n      ) {\n        return {\n          newPills: segments,\n          newValue\n        };\n      }\n    }\n\n    return {\n      newPills: [],\n      newValue: value\n    };\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, input } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n@Directive({\n  selector: '[siPillsInputCsv]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputCsvDirective\n    }\n  ]\n})\nexport class SiPillsInputCsvDirective extends SiPillsInputPatternBase {\n  /** @defaultValue undefined */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  override readonly validationRegex = input<RegExp>(undefined, { alias: 'pillsInputCsvItemRegex' });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, signal } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n// From Angular Email Validator\nconst EMAIL_REGEX =\n  /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\n\n@Directive({\n  selector: '[siPillsInputEmail]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputEmailDirective\n    }\n  ]\n})\nexport class SiPillsInputEmailDirective extends SiPillsInputPatternBase {\n  /**\n   * @defaultValue signal(EMAIL_REGEX).asReadonly()\n   */\n  override readonly validationRegex = signal(EMAIL_REGEX).asReadonly();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPillsInputCsvDirective } from './si-pills-input-csv.directive';\nimport { SiPillsInputEmailDirective } from './si-pills-input-email.directive';\nimport { SiPillsInputComponent } from './si-pills-input.component';\n\n@NgModule({\n  imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],\n  exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]\n})\nexport class SiPillsInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-pills-input.component';\nexport * from './si-pills-input.module';\nexport * from './si-pills-input-csv.directive';\nexport * from './si-pills-input-email.directive';\nexport * from './si-pills-input-value-handler';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -27,11 +27,11 @@ class SiResultDetailsListComponent {
         elementStateTick
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiResultDetailsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-color-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-color-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-color-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiResultDetailsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-result-details-list', imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"] }]
+            args: [{ selector: 'si-result-details-list', imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-color-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-color-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-color-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"] }]
         }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.datamodel.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport {\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick\n} from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/** */\nexport interface ResultDetailStep {\n  /**\n   * A description of the step.\n   */\n  description: TranslatableString;\n  /**\n   * A state object defining the state of the step.\n   */\n  state: ResultDetailStepState;\n  /**\n   * Optional value to be displayed for the step.\n   */\n  value?: string;\n  /**\n   * Optional error message to display.\n   */\n  errorMessage?: string;\n  /**\n   * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.\n   */\n  icon?: string;\n  /**\n   * Optional detail text which appears below description.\n   */\n  detail?: TranslatableString;\n  /**\n   * Optional translation params to be used with translate pipe.\n   */\n  translationParams?: Record<string, unknown>;\n}\n\n/**\n * This type defines the state that a detailed result step can have.\n */\nexport type ResultDetailStepState =\n  'passed' | 'failed' | 'running' | 'not-supported' | 'not-started';\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,EAAE;8EAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;qFAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,w0EA8DA,EAAA,MAAA,EAAA,CAAA,49BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1CY,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA;;2FAK1D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,CAAC,yBAAyB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAGrD,uBAAuB,CAAC,KAAK,EAAA,QAAA,EAAA,w0EAAA,EAAA,MAAA,EAAA,CAAA,49BAAA,CAAA,EAAA;;;AEvBhD;;;AAGG;;ACHH;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.datamodel.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport {\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick\n} from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/** */\nexport interface ResultDetailStep {\n  /**\n   * A description of the step.\n   */\n  description: TranslatableString;\n  /**\n   * A state object defining the state of the step.\n   */\n  state: ResultDetailStepState;\n  /**\n   * Optional value to be displayed for the step.\n   */\n  value?: string;\n  /**\n   * Optional error message to display.\n   */\n  errorMessage?: string;\n  /**\n   * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.\n   */\n  icon?: string;\n  /**\n   * Optional detail text which appears below description.\n   */\n  detail?: TranslatableString;\n  /**\n   * Optional translation params to be used with translate pipe.\n   */\n  translationParams?: Record<string, unknown>;\n}\n\n/**\n * This type defines the state that a detailed result step can have.\n */\nexport type ResultDetailStepState =\n  'passed' | 'failed' | 'running' | 'not-supported' | 'not-started';\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,EAAE;8EAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;qFAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,w0EA8DA,EAAA,MAAA,EAAA,CAAA,8+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1CY,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA;;2FAK1D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,CAAC,yBAAyB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAGrD,uBAAuB,CAAC,KAAK,EAAA,QAAA,EAAA,w0EAAA,EAAA,MAAA,EAAA,CAAA,8+BAAA,CAAA,EAAA;;;AEvBhD;;;AAGG;;ACHH;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

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

@@ -180,7 +180,7 @@ class SiSearchBarComponent {
                 useExisting: SiSearchBarComponent,
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"search-bar\" [class.variant-background-0]=\"colorVariant() === 'base-0'\">\n  @if (showIcon()) {\n    <si-icon class=\"search-bar-icon\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"search-bar-input form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.maxlength]=\"maxlength()\"\n    [readonly]=\"readonly()\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost search-bar-clear\"\n      [attr.aria-label]=\"clearButtonAriaLabel() | translate\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".is-invalid~.search-bar-clear{color:var(--si-sys-text-danger)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"search-bar\" [class.variant-background-0]=\"colorVariant() === 'base-0'\">\n  @if (showIcon()) {\n    <si-icon class=\"search-bar-icon\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"search-bar-input form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.maxlength]=\"maxlength()\"\n    [readonly]=\"readonly()\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost search-bar-clear\"\n      [attr.aria-label]=\"clearButtonAriaLabel() | translate\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".is-invalid~.search-bar-clear{color:var(--si-sys-color-text-danger)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSearchBarComponent, decorators: [{
             type: Component,
@@ -192,7 +192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         }
                     ], host: {
                         '[class.readonly]': 'readonly()'
-                    }, template: "<div class=\"search-bar\" [class.variant-background-0]=\"colorVariant() === 'base-0'\">\n  @if (showIcon()) {\n    <si-icon class=\"search-bar-icon\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"search-bar-input form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.maxlength]=\"maxlength()\"\n    [readonly]=\"readonly()\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost search-bar-clear\"\n      [attr.aria-label]=\"clearButtonAriaLabel() | translate\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".is-invalid~.search-bar-clear{color:var(--si-sys-text-danger)}\n"] }]
+                    }, template: "<div class=\"search-bar\" [class.variant-background-0]=\"colorVariant() === 'base-0'\">\n  @if (showIcon()) {\n    <si-icon class=\"search-bar-icon\" [icon]=\"icons.elementSearch\" />\n  }\n  <input\n    #inputRef\n    type=\"text\"\n    class=\"search-bar-input form-control\"\n    [disabled]=\"disabled()\"\n    [placeholder]=\"placeholder()\"\n    [class.is-invalid]=\"isInvalid\"\n    [class.icon-end]=\"searchValue()\"\n    [attr.maxlength]=\"maxlength()\"\n    [readonly]=\"readonly()\"\n    (blur)=\"onBlur()\"\n    (input)=\"input($event)\"\n  />\n  @if (searchValue()) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-sm btn-tertiary-ghost search-bar-clear\"\n      [attr.aria-label]=\"clearButtonAriaLabel() | translate\"\n      [disabled]=\"disabled() || readonly()\"\n      (click)=\"resetForm()\"\n      (focusin)=\"onCancelFocus($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".is-invalid~.search-bar-clear{color:var(--si-sys-color-text-danger)}\n"] }]
         }], propDecorators: { inputRef: [{ type: i0.ViewChild, args: ['inputRef', { isSignal: true }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], prohibitedCharacters: [{ type: i0.Input, args: [{ isSignal: true, alias: "prohibitedCharacters", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], colorVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorVariant", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], clearButtonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButtonAriaLabel", required: false }] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }] } });
 
 /**

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

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

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

@@ -33,7 +33,8 @@ const SI_SELECT_OPTIONS_STRATEGY = new InjectionToken('si-select.options-strateg
  * SPDX-License-Identifier: MIT
  */
 /**
- * The directive allows to template/customize the value option rendering.
+ * The directive allows to template/customize the option rendering in the dropdown.
+ * It is also used for rendering selected values in the input if no input template is provided.
  * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
  *
  * @example
@@ -234,7 +235,7 @@ class SiSelectInputComponent {
         this.openListbox.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSelectInputComponent, isStandalone: true, selector: "si-select-input", inputs: { baseId: { classPropertyName: "baseId", publicName: "baseId", isSignal: true, isRequired: true, transformFunction: null }, labelledby: { classPropertyName: "labelledby", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: true, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openListbox: "openListbox" }, host: { attributes: { "aria-autocomplete": "none" }, listeners: { "blur": "blur()", "click": "click($event)", "keydown.arrowDown": "click($event)", "keydown.alt.arrowDown": "click($event)", "keydown.arrowUp": "click($event)", "keydown.enter": "click($event)", "keydown.space": "click($event)" }, properties: { "attr.role": "readonly() ? \"textbox\": \"combobox\"", "attr.aria-haspopup": "readonly() ? undefined : \"listbox\"", "attr.aria-expanded": "readonly() ? undefined : open()", "attr.aria-controls": "readonly() ? undefined : controls()", "attr.aria-readonly": "readonly()", "attr.aria-labelledby": "labeledBy()", "attr.aria-disabled": "selectionStrategy.disabled()", "attr.tabindex": "selectionStrategy.disabled() ? \"-1\" : \"0\"", "class.disabled": "selectionStrategy.disabled()", "class.active": "open()" }, classAttribute: "select focus-none dropdown-toggle d-flex align-items-center ps-4" }, ngImport: i0, template: "@if (ariaLabel()) {\n  <span class=\"visually-hidden\" [id]=\"baseId() + '-aria-label'\">{{ ariaLabel() }}</span>\n}\n<div\n  class=\"d-flex align-items-center flex-fill overflow-hidden h-100\"\n  [id]=\"baseId() + '-content'\"\n  [siAutoCollapsableList]=\"selectionStrategy.allowMultiple && selectedRows().length > 1\"\n>\n  @for (activeOption of selectedRows(); track activeOption) {\n    @if (activeOption) {\n      <si-select-option\n        class=\"h-100\"\n        siAutoCollapsableListItem\n        [option]=\"activeOption\"\n        [optionTemplate]=\"optionTemplate()\"\n        [class.overflow-hidden]=\"!selectionStrategy.allowMultiple || $count === 1\"\n      />\n    }\n  } @empty {\n    <div class=\"text-secondary\">{{ placeholder() | translate }}</div>\n  }\n  @if (selectionStrategy.allowMultiple) {\n    <div #overflowItem=\"siAutoCollapsableListOverflowItem\" siAutoCollapsableListOverflowItem>\n      <div class=\"pill py-0 ms-2\"> {{ overflowItem.hiddenItemCount }}+</div>\n    </div>\n  }\n</div>\n<div class=\"form-control-actions\">\n  <si-icon\n    class=\"dropdown-caret icon flip-rtl ps-0 m-0\"\n    [class.text-disabled]=\"readonly()\"\n    [icon]=\"icons.elementDown2\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{cursor:pointer;min-inline-size:72px;block-size:100%;color:var(--si-sys-text-primary);padding-inline-end:calc(var(--si-sys-sizing-spacing-y-20) - 1px + var(--si-feedback-icon-size, 0px))}:host.disabled{color:var(--si-sys-text-disabled)}:host-context(.form-control) :host{padding-block:calc(var(--si-sys-sizing-spacing-y-20) - 1px);padding-inline-end:var(--si-input-padding-inline-end)}si-select-option+si-select-option:before{content:\",\\a0\"}\n"], dependencies: [{ kind: "ngmodule", type: SiAutoCollapsableListModule }, { kind: "directive", type: i1.SiAutoCollapsableListDirective, selector: "[siAutoCollapsableList]", inputs: ["siAutoCollapsableList", "gap", "siAutoCollapsableListContainerElement"], exportAs: ["siAutoCollapsableList"] }, { kind: "directive", type: i1.SiAutoCollapsableListItemDirective, selector: "[siAutoCollapsableListItem]", inputs: ["forceHide"], exportAs: ["siAutoCollapsableListItem"] }, { kind: "directive", type: i1.SiAutoCollapsableListOverflowItemDirective, selector: "[siAutoCollapsableListOverflowItem]", exportAs: ["siAutoCollapsableListOverflowItem"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiSelectOptionComponent, selector: "si-select-option", inputs: ["option", "optionTemplate"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSelectInputComponent, isStandalone: true, selector: "si-select-input", inputs: { baseId: { classPropertyName: "baseId", publicName: "baseId", isSignal: true, isRequired: true, transformFunction: null }, labelledby: { classPropertyName: "labelledby", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, controls: { classPropertyName: "controls", publicName: "controls", isSignal: true, isRequired: true, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openListbox: "openListbox" }, host: { attributes: { "aria-autocomplete": "none" }, listeners: { "blur": "blur()", "click": "click($event)", "keydown.arrowDown": "click($event)", "keydown.alt.arrowDown": "click($event)", "keydown.arrowUp": "click($event)", "keydown.enter": "click($event)", "keydown.space": "click($event)" }, properties: { "attr.role": "readonly() ? \"textbox\": \"combobox\"", "attr.aria-haspopup": "readonly() ? undefined : \"listbox\"", "attr.aria-expanded": "readonly() ? undefined : open()", "attr.aria-controls": "readonly() ? undefined : controls()", "attr.aria-readonly": "readonly()", "attr.aria-labelledby": "labeledBy()", "attr.aria-disabled": "selectionStrategy.disabled()", "attr.tabindex": "selectionStrategy.disabled() ? \"-1\" : \"0\"", "class.disabled": "selectionStrategy.disabled()", "class.active": "open()" }, classAttribute: "select focus-none dropdown-toggle d-flex align-items-center ps-4" }, ngImport: i0, template: "@if (ariaLabel()) {\n  <span class=\"visually-hidden\" [id]=\"baseId() + '-aria-label'\">{{ ariaLabel() }}</span>\n}\n<div\n  class=\"d-flex align-items-center flex-fill overflow-hidden h-100\"\n  [id]=\"baseId() + '-content'\"\n  [siAutoCollapsableList]=\"selectionStrategy.allowMultiple && selectedRows().length > 1\"\n>\n  @for (activeOption of selectedRows(); track activeOption) {\n    @if (activeOption) {\n      <si-select-option\n        class=\"h-100\"\n        siAutoCollapsableListItem\n        [option]=\"activeOption\"\n        [optionTemplate]=\"optionTemplate()\"\n        [class.overflow-hidden]=\"!selectionStrategy.allowMultiple || $count === 1\"\n      />\n    }\n  } @empty {\n    <div class=\"text-secondary\">{{ placeholder() | translate }}</div>\n  }\n  @if (selectionStrategy.allowMultiple) {\n    <div #overflowItem=\"siAutoCollapsableListOverflowItem\" siAutoCollapsableListOverflowItem>\n      <div class=\"pill py-0 ms-2\"> {{ overflowItem.hiddenItemCount }}+</div>\n    </div>\n  }\n</div>\n<div class=\"form-control-actions\">\n  <si-icon\n    class=\"dropdown-caret icon flip-rtl ps-0 m-0\"\n    [class.text-disabled]=\"readonly()\"\n    [icon]=\"icons.elementDown2\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{cursor:pointer;min-inline-size:72px;block-size:100%;color:var(--si-sys-color-text-primary);padding-inline-end:calc(var(--si-sys-sizing-spacing-y-20) - 1px + var(--si-feedback-icon-size, 0px))}:host.disabled{color:var(--si-sys-color-text-disabled)}:host-context(.form-control) :host{padding-block:calc(var(--si-sys-sizing-spacing-y-20) - 1px);padding-inline-end:var(--si-input-padding-inline-end)}si-select-option+si-select-option:before{content:\",\\a0\"}\n"], dependencies: [{ kind: "ngmodule", type: SiAutoCollapsableListModule }, { kind: "directive", type: i1.SiAutoCollapsableListDirective, selector: "[siAutoCollapsableList]", inputs: ["siAutoCollapsableList", "gap", "siAutoCollapsableListContainerElement"], exportAs: ["siAutoCollapsableList"] }, { kind: "directive", type: i1.SiAutoCollapsableListItemDirective, selector: "[siAutoCollapsableListItem]", inputs: ["forceHide"], exportAs: ["siAutoCollapsableListItem"] }, { kind: "directive", type: i1.SiAutoCollapsableListOverflowItemDirective, selector: "[siAutoCollapsableListOverflowItem]", exportAs: ["siAutoCollapsableListOverflowItem"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiSelectOptionComponent, selector: "si-select-option", inputs: ["option", "optionTemplate"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectInputComponent, decorators: [{
             type: Component,
@@ -260,7 +261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '(keydown.arrowUp)': 'click($event)',
                         '(keydown.enter)': 'click($event)',
                         '(keydown.space)': 'click($event)'
-                    }, template: "@if (ariaLabel()) {\n  <span class=\"visually-hidden\" [id]=\"baseId() + '-aria-label'\">{{ ariaLabel() }}</span>\n}\n<div\n  class=\"d-flex align-items-center flex-fill overflow-hidden h-100\"\n  [id]=\"baseId() + '-content'\"\n  [siAutoCollapsableList]=\"selectionStrategy.allowMultiple && selectedRows().length > 1\"\n>\n  @for (activeOption of selectedRows(); track activeOption) {\n    @if (activeOption) {\n      <si-select-option\n        class=\"h-100\"\n        siAutoCollapsableListItem\n        [option]=\"activeOption\"\n        [optionTemplate]=\"optionTemplate()\"\n        [class.overflow-hidden]=\"!selectionStrategy.allowMultiple || $count === 1\"\n      />\n    }\n  } @empty {\n    <div class=\"text-secondary\">{{ placeholder() | translate }}</div>\n  }\n  @if (selectionStrategy.allowMultiple) {\n    <div #overflowItem=\"siAutoCollapsableListOverflowItem\" siAutoCollapsableListOverflowItem>\n      <div class=\"pill py-0 ms-2\"> {{ overflowItem.hiddenItemCount }}+</div>\n    </div>\n  }\n</div>\n<div class=\"form-control-actions\">\n  <si-icon\n    class=\"dropdown-caret icon flip-rtl ps-0 m-0\"\n    [class.text-disabled]=\"readonly()\"\n    [icon]=\"icons.elementDown2\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{cursor:pointer;min-inline-size:72px;block-size:100%;color:var(--si-sys-text-primary);padding-inline-end:calc(var(--si-sys-sizing-spacing-y-20) - 1px + var(--si-feedback-icon-size, 0px))}:host.disabled{color:var(--si-sys-text-disabled)}:host-context(.form-control) :host{padding-block:calc(var(--si-sys-sizing-spacing-y-20) - 1px);padding-inline-end:var(--si-input-padding-inline-end)}si-select-option+si-select-option:before{content:\",\\a0\"}\n"] }]
+                    }, template: "@if (ariaLabel()) {\n  <span class=\"visually-hidden\" [id]=\"baseId() + '-aria-label'\">{{ ariaLabel() }}</span>\n}\n<div\n  class=\"d-flex align-items-center flex-fill overflow-hidden h-100\"\n  [id]=\"baseId() + '-content'\"\n  [siAutoCollapsableList]=\"selectionStrategy.allowMultiple && selectedRows().length > 1\"\n>\n  @for (activeOption of selectedRows(); track activeOption) {\n    @if (activeOption) {\n      <si-select-option\n        class=\"h-100\"\n        siAutoCollapsableListItem\n        [option]=\"activeOption\"\n        [optionTemplate]=\"optionTemplate()\"\n        [class.overflow-hidden]=\"!selectionStrategy.allowMultiple || $count === 1\"\n      />\n    }\n  } @empty {\n    <div class=\"text-secondary\">{{ placeholder() | translate }}</div>\n  }\n  @if (selectionStrategy.allowMultiple) {\n    <div #overflowItem=\"siAutoCollapsableListOverflowItem\" siAutoCollapsableListOverflowItem>\n      <div class=\"pill py-0 ms-2\"> {{ overflowItem.hiddenItemCount }}+</div>\n    </div>\n  }\n</div>\n<div class=\"form-control-actions\">\n  <si-icon\n    class=\"dropdown-caret icon flip-rtl ps-0 m-0\"\n    [class.text-disabled]=\"readonly()\"\n    [icon]=\"icons.elementDown2\"\n  />\n</div>\n", styles: ["@charset \"UTF-8\";:host{cursor:pointer;min-inline-size:72px;block-size:100%;color:var(--si-sys-color-text-primary);padding-inline-end:calc(var(--si-sys-sizing-spacing-y-20) - 1px + var(--si-feedback-icon-size, 0px))}:host.disabled{color:var(--si-sys-color-text-disabled)}:host-context(.form-control) :host{padding-block:calc(var(--si-sys-sizing-spacing-y-20) - 1px);padding-inline-end:var(--si-input-padding-inline-end)}si-select-option+si-select-option:before{content:\",\\a0\"}\n"] }]
         }], propDecorators: { baseId: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseId", required: true }] }], labelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledby", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], controls: [{ type: i0.Input, args: [{ isSignal: true, alias: "controls", required: true }] }], optionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionTemplate", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], openListbox: [{ type: i0.Output, args: ["openListbox"] }] } });
 
 /**
@@ -552,6 +553,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }] });
 
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * The directive allows to template/customize the selected value rendering in the select input.
+ * This requires using the {@link SiSelectSimpleOptionsDirective} to specify options as input.
+ *
+ * @example
+ * ```html
+ * <si-select [options]="[
+ *   { type: 'option', value: 'good', label: 'Good' },
+ *   { type: 'option', value: 'fair', label: 'Fair' }
+ * ]">
+ *   <ng-template siSelectValueTemplate let-option>{{ option.label }}</ng-template>
+ * </si-select>
+ * ```
+ */
+class SiSelectValueTemplateDirective {
+    /** @internal */
+    static ngTemplateContextGuard(directive, context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectValueTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SiSelectValueTemplateDirective, isStandalone: true, selector: "[siSelectValueTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectValueTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siSelectValueTemplate]'
+                }]
+        }] });
+
 /**
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
@@ -622,6 +656,7 @@ class SiSelectComponent {
     isOpen = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     optionTemplate = contentChild(SiSelectOptionTemplateDirective, { ...(ngDevMode ? { debugName: "optionTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    selectedValueTemplate = contentChild(SiSelectValueTemplateDirective, { ...(ngDevMode ? { debugName: "selectedValueTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
     groupTemplate = contentChild(SiSelectGroupTemplateDirective, { ...(ngDevMode ? { debugName: "groupTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
     actionsTemplate = contentChild(SiSelectActionsDirective, { ...(ngDevMode ? { debugName: "actionsTemplate" } : /* istanbul ignore next */ {}), read: TemplateRef });
     trigger = viewChild.required(CdkOverlayOrigin, { ...(ngDevMode ? { debugName: "trigger" } : /* istanbul ignore next */ {}), read: ElementRef });
@@ -676,7 +711,7 @@ class SiSelectComponent {
         this.isOpen.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSelectComponent, isStandalone: true, selector: "si-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, labelledbyInput: { classPropertyName: "labelledbyInput", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultsFoundLabel: { classPropertyName: "noResultsFoundLabel", publicName: "noResultsFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, errormessageId: { classPropertyName: "errormessageId", publicName: "errormessageId", isSignal: true, isRequired: false, transformFunction: null }, hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "class.readonly": "readonly()", "class.open": "isOpen()", "class.si-select-has-filter": "hasFilter()" }, classAttribute: "dropdown" }, providers: [{ provide: SI_FORM_ITEM_CONTROL, useExisting: SiSelectComponent }], queries: [{ propertyName: "optionTemplate", first: true, predicate: SiSelectOptionTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "groupTemplate", first: true, predicate: SiSelectGroupTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: SiSelectActionsDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<si-select-input\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  [baseId]=\"id()\"\n  [labelledby]=\"labelledby()\"\n  [optionTemplate]=\"optionTemplate()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [controls]=\"id() + '-listbox'\"\n  [open]=\"isOpen()\"\n  [placeholder]=\"placeholder()\"\n  [readonly]=\"readonly()\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  (openListbox)=\"open()\"\n/>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayOffsetX]=\"-1\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  (backdropClick)=\"backdropClick()\"\n  (detach)=\"close()\"\n>\n  @if (!hasFilter()) {\n    <si-select-list\n      [baseId]=\"id()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  } @else {\n    <si-select-list-has-filter\n      [baseId]=\"id()\"\n      [filterPlaceholder]=\"filterPlaceholder()\"\n      [noResultsFoundLabel]=\"noResultsFoundLabel()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  }\n</ng-template>\n", styles: [":host{display:inline-block;padding:0;block-size:2rem}:host:focus-within,:host.open:not(.si-select-has-filter){outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}:host.readonly,:host.disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: SiSelectInputComponent, selector: "si-select-input", inputs: ["baseId", "labelledby", "ariaLabel", "open", "placeholder", "controls", "optionTemplate", "readonly"], outputs: ["openListbox"] }, { kind: "component", type: SiSelectListComponent, selector: "si-select-list" }, { kind: "component", type: SiSelectListHasFilterComponent, selector: "si-select-list-has-filter", inputs: ["filterPlaceholder", "noResultsFoundLabel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSelectComponent, isStandalone: true, selector: "si-select", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, labelledbyInput: { classPropertyName: "labelledbyInput", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultsFoundLabel: { classPropertyName: "noResultsFoundLabel", publicName: "noResultsFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, scrollStrategy: { classPropertyName: "scrollStrategy", publicName: "scrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, errormessageId: { classPropertyName: "errormessageId", publicName: "errormessageId", isSignal: true, isRequired: false, transformFunction: null }, hasFilter: { classPropertyName: "hasFilter", publicName: "hasFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "class.readonly": "readonly()", "class.open": "isOpen()", "class.si-select-has-filter": "hasFilter()" }, classAttribute: "dropdown" }, providers: [{ provide: SI_FORM_ITEM_CONTROL, useExisting: SiSelectComponent }], queries: [{ propertyName: "optionTemplate", first: true, predicate: SiSelectOptionTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "selectedValueTemplate", first: true, predicate: SiSelectValueTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "groupTemplate", first: true, predicate: SiSelectGroupTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "actionsTemplate", first: true, predicate: SiSelectActionsDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "trigger", first: true, predicate: CdkOverlayOrigin, descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<si-select-input\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  [baseId]=\"id()\"\n  [labelledby]=\"labelledby()\"\n  [optionTemplate]=\"selectedValueTemplate() ?? optionTemplate()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [controls]=\"id() + '-listbox'\"\n  [open]=\"isOpen()\"\n  [placeholder]=\"placeholder()\"\n  [readonly]=\"readonly()\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  (openListbox)=\"open()\"\n/>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayOffsetX]=\"-1\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  (backdropClick)=\"backdropClick()\"\n  (detach)=\"close()\"\n>\n  @if (!hasFilter()) {\n    <si-select-list\n      [baseId]=\"id()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  } @else {\n    <si-select-list-has-filter\n      [baseId]=\"id()\"\n      [filterPlaceholder]=\"filterPlaceholder()\"\n      [noResultsFoundLabel]=\"noResultsFoundLabel()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  }\n</ng-template>\n", styles: [":host{display:inline-block;padding:0;block-size:2rem}:host:focus-within,:host.open:not(.si-select-has-filter){outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}:host.readonly,:host.disabled{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: SiSelectInputComponent, selector: "si-select-input", inputs: ["baseId", "labelledby", "ariaLabel", "open", "placeholder", "controls", "optionTemplate", "readonly"], outputs: ["openListbox"] }, { kind: "component", type: SiSelectListComponent, selector: "si-select-list" }, { kind: "component", type: SiSelectListHasFilterComponent, selector: "si-select-list-has-filter", inputs: ["filterPlaceholder", "noResultsFoundLabel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectComponent, decorators: [{
             type: Component,
@@ -690,8 +725,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.readonly]': 'readonly()',
                         '[class.open]': 'isOpen()',
                         '[class.si-select-has-filter]': 'hasFilter()'
-                    }, template: "<si-select-input\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  [baseId]=\"id()\"\n  [labelledby]=\"labelledby()\"\n  [optionTemplate]=\"optionTemplate()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [controls]=\"id() + '-listbox'\"\n  [open]=\"isOpen()\"\n  [placeholder]=\"placeholder()\"\n  [readonly]=\"readonly()\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  (openListbox)=\"open()\"\n/>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayOffsetX]=\"-1\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  (backdropClick)=\"backdropClick()\"\n  (detach)=\"close()\"\n>\n  @if (!hasFilter()) {\n    <si-select-list\n      [baseId]=\"id()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  } @else {\n    <si-select-list-has-filter\n      [baseId]=\"id()\"\n      [filterPlaceholder]=\"filterPlaceholder()\"\n      [noResultsFoundLabel]=\"noResultsFoundLabel()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  }\n</ng-template>\n", styles: [":host{display:inline-block;padding:0;block-size:2rem}:host:focus-within,:host.open:not(.si-select-has-filter){outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}:host.readonly,:host.disabled{pointer-events:none}\n"] }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], labelledbyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledby", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], noResultsFoundLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultsFoundLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], optionTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectOptionTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], groupTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectGroupTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectActionsDirective), { ...{ read: TemplateRef }, isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkOverlayOrigin), { ...{
+                    }, template: "<si-select-input\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  [baseId]=\"id()\"\n  [labelledby]=\"labelledby()\"\n  [optionTemplate]=\"selectedValueTemplate() ?? optionTemplate()\"\n  [ariaLabel]=\"ariaLabel()\"\n  [controls]=\"id() + '-listbox'\"\n  [open]=\"isOpen()\"\n  [placeholder]=\"placeholder()\"\n  [readonly]=\"readonly()\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  (openListbox)=\"open()\"\n/>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  [cdkConnectedOverlayOffsetX]=\"-1\"\n  [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n  (backdropClick)=\"backdropClick()\"\n  (detach)=\"close()\"\n>\n  @if (!hasFilter()) {\n    <si-select-list\n      [baseId]=\"id()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  } @else {\n    <si-select-list-has-filter\n      [baseId]=\"id()\"\n      [filterPlaceholder]=\"filterPlaceholder()\"\n      [noResultsFoundLabel]=\"noResultsFoundLabel()\"\n      [optionTemplate]=\"optionTemplate()\"\n      [groupTemplate]=\"groupTemplate()\"\n      [labelledby]=\"labelledby()\"\n      [actionsTemplate]=\"actionsTemplate()\"\n      (closeOverlay)=\"close()\"\n    />\n  }\n</ng-template>\n", styles: [":host{display:inline-block;padding:0;block-size:2rem}:host:focus-within,:host.open:not(.si-select-has-filter){outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}:host.readonly,:host.disabled{pointer-events:none}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], labelledbyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledby", required: false }] }], filterPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterPlaceholder", required: false }] }], noResultsFoundLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noResultsFoundLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], optionTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectOptionTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], selectedValueTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectValueTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], groupTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectGroupTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], actionsTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiSelectActionsDirective), { ...{ read: TemplateRef }, isSignal: true }] }], trigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkOverlayOrigin), { ...{
                             read: ElementRef
                         }, isSignal: true }] }], errormessageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "errormessageId", required: false }] }], hasFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFilter", required: false }] }] } });
 
@@ -1067,6 +1102,7 @@ class SiSelectModule {
             SiSelectGroupTemplateDirective,
             SiSelectMultiValueDirective,
             SiSelectOptionTemplateDirective,
+            SiSelectValueTemplateDirective,
             SiSelectSimpleOptionsDirective,
             SiSelectSingleValueDirective], exports: [SiSelectActionDirective,
             SiSelectActionsDirective,
@@ -1074,6 +1110,7 @@ class SiSelectModule {
             SiSelectGroupTemplateDirective,
             SiSelectMultiValueDirective,
             SiSelectOptionTemplateDirective,
+            SiSelectValueTemplateDirective,
             SiSelectSimpleOptionsDirective,
             SiSelectSingleValueDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSelectModule, imports: [SiSelectComponent] });
@@ -1088,6 +1125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         SiSelectGroupTemplateDirective,
                         SiSelectMultiValueDirective,
                         SiSelectOptionTemplateDirective,
+                        SiSelectValueTemplateDirective,
                         SiSelectSimpleOptionsDirective,
                         SiSelectSingleValueDirective
                     ],
@@ -1098,6 +1136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         SiSelectGroupTemplateDirective,
                         SiSelectMultiValueDirective,
                         SiSelectOptionTemplateDirective,
+                        SiSelectValueTemplateDirective,
                         SiSelectSimpleOptionsDirective,
                         SiSelectSingleValueDirective
                     ]
@@ -1561,5 +1600,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SiCustomSelectDirective, SiSelectActionDirective, SiSelectActionsDirective, SiSelectComboboxComponent, SiSelectComboboxValueComponent, SiSelectComponent, SiSelectDropdownDirective, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective };
+export { SiCustomSelectDirective, SiSelectActionDirective, SiSelectActionsDirective, SiSelectComboboxComponent, SiSelectComboboxValueComponent, SiSelectComponent, SiSelectDropdownDirective, SiSelectGroupTemplateDirective, SiSelectLazyOptionsDirective, SiSelectListHasFilterComponent, SiSelectModule, SiSelectMultiValueDirective, SiSelectOptionTemplateDirective, SiSelectSimpleOptionsDirective, SiSelectSingleValueDirective, SiSelectValueTemplateDirective };
 //# sourceMappingURL=siemens-element-ng-select.mjs.map