@siemens/element-ng 49.16.0 → 51.0.0-rc.10

package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-auto-collapsable-list.mjs","sources":["../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-measurable.class.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-additional-content.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-overflow-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.module.ts","../../../../projects/element-ng/auto-collapsable-list/index.ts","../../../../projects/element-ng/auto-collapsable-list/siemens-element-ng-auto-collapsable-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject } from '@angular/core';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { distinctUntilChanged, map, shareReplay } from 'rxjs/operators';\n\n@Directive()\nexport class SiAutoCollapsableListMeasurable {\n  protected readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n\n  /**\n   * Emits on element width changes.\n   *\n   * @defaultValue\n   * ```\n   * this.resizeObserverService\n   *       .observe(this.elementRef.nativeElement, 0, true, true)\n   *       .pipe(\n   *         map(size => size.width),\n   *         distinctUntilChanged(),\n   *         shareReplay(1)\n   *       )\n   * ```\n   */\n  size$ = this.resizeObserverService.observe(this.elementRef.nativeElement, 0, true, true).pipe(\n    map(size => size.width),\n    distinctUntilChanged(),\n    shareReplay(1)\n  );\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { AfterViewInit, booleanAttribute, computed, Directive, input, signal } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListItem]',\n  host: {\n    '[class.visible]': 'isVisible()',\n    '[class.invisible]': '!isVisible()',\n    '[class.position-absolute]': '!isVisible()',\n    // Ensure hidden items are behind the visible ones. Otherwise, the visible ones are not clickable\n    '[class.z-n1]': '!isVisible()'\n  },\n  exportAs: 'siAutoCollapsableListItem'\n})\nexport class SiAutoCollapsableListItemDirective\n  extends SiAutoCollapsableListMeasurable\n  implements AfterViewInit\n{\n  /**\n   * Hide this item even if enough space is available.\n   * When calculating the overall available size, this item is still considered when forceHide=true\n   *\n   * @defaultValue false\n   */\n  readonly forceHide = input(false, { transform: booleanAttribute });\n\n  /**\n   * True if enough space is available for this item.\n   *\n   * @defaultValue false\n   */\n  readonly canBeVisible = signal<boolean>(false);\n\n  /**\n   * True if this item is actually visible to the user\n   */\n  readonly isVisible = computed(() => this.canBeVisible() && !this.forceHide());\n\n  ngAfterViewInit(): void {\n    if (getComputedStyle(this.elementRef.nativeElement).display === 'inline') {\n      console.error('siAutoCollapsibleListItem does not work on items with display=\"inline\"');\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListAdditionalContent]'\n})\nexport class SiAutoCollapsableListAdditionalContentDirective extends SiAutoCollapsableListMeasurable {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableListOverflowItem]',\n  exportAs: 'siAutoCollapsableListOverflowItem'\n})\nexport class SiAutoCollapsableListOverflowItemDirective extends SiAutoCollapsableListItemDirective {\n  /**\n   * Number of hidden items.\n   *\n   * @defaultValue 0\n   */\n  hiddenItemCount = 0;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectorRef,\n  contentChild,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  INJECTOR,\n  input,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { BehaviorSubject, combineLatest, of, Subscription } from 'rxjs';\nimport { auditTime, distinctUntilChanged, map, startWith, switchMap } from 'rxjs/operators';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableList]',\n  host: {\n    class: 'position-relative',\n    '[class.overflow-hidden]': 'siAutoCollapsableList()'\n  },\n  exportAs: 'siAutoCollapsableList'\n})\nexport class SiAutoCollapsableListDirective implements AfterViewInit, OnChanges, OnDestroy {\n  /**\n   * The items which are displayed in the siAutoCollapsableList.\n   */\n  readonly items = contentChildren(SiAutoCollapsableListItemDirective);\n\n  private readonly overflowItem = contentChild(SiAutoCollapsableListOverflowItemDirective);\n\n  private readonly additionalContent = contentChildren(\n    SiAutoCollapsableListAdditionalContentDirective\n  );\n\n  /**\n   * Enables the auto-collapsing behavior. When `true`, items that overflow the container\n   * are hidden and an overflow indicator item is shown instead.\n   *\n   * @defaultValue true\n   */\n  readonly siAutoCollapsableList = input(true, { transform: booleanAttribute });\n\n  /**\n   * The (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.\n   */\n  readonly gap = input<number>();\n\n  /**\n   * The element which size is available for the content of the siAutoCollapsableList.\n   *\n   * @defaultValue undefined\n   */\n  readonly containerElement = input<HTMLElement | undefined | null>(undefined, {\n    alias: 'siAutoCollapsableListContainerElement'\n  });\n\n  private resizeSubscription?: Subscription;\n  private disableInitSubscription?: Subscription;\n  private readonly elementRef = inject(ElementRef);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly containerElementSubject = new BehaviorSubject<HTMLElement | null>(\n    this.elementRef.nativeElement\n  );\n\n  /**\n   * The same as {@link gap}, but automatically read from the computed styles.\n   * Used if not set by user.\n   */\n  private computedGap = 0;\n  private injector = inject(INJECTOR);\n\n  ngAfterViewInit(): void {\n    if (this.siAutoCollapsableList()) {\n      this.readGapSize();\n      this.setupResizeListener();\n    } else {\n      this.reset();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.siAutoCollapsableList) {\n      const siAutoCollapsableList = this.siAutoCollapsableList();\n      if (!siAutoCollapsableList && this.resizeSubscription) {\n        this.reset();\n      } else if (siAutoCollapsableList && !this.resizeSubscription && this.items()) {\n        this.setupResizeListener();\n      }\n    }\n\n    if (changes.containerElement) {\n      this.containerElementSubject.next(this.containerElement() ?? this.elementRef.nativeElement);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.disableInitSubscription?.unsubscribe();\n    this.containerElementSubject.complete();\n  }\n\n  private setupResizeListener(): void {\n    this.disableInitSubscription?.unsubscribe();\n    const containerSize$ = this.containerElementSubject.pipe(\n      switchMap(element => this.resizeObserverService.observe(element!, 0, true, true)),\n      map(size => size.width),\n      distinctUntilChanged(),\n      map(size => {\n        const { paddingInlineStart, paddingInlineEnd } = getComputedStyle(\n          this.containerElement() ?? this.elementRef.nativeElement\n        );\n        return size - parseFloat(paddingInlineStart) - parseFloat(paddingInlineEnd);\n      })\n    );\n\n    const itemSizes$ = toObservable(this.items, { injector: this.injector }).pipe(\n      startWith(this.items()),\n      switchMap(items =>\n        !items.length\n          ? of([])\n          : combineLatest(\n              items.map(item =>\n                item.size$.pipe(\n                  map(size => ({\n                    size,\n                    directive: item\n                  }))\n                )\n              )\n            )\n      )\n    );\n    const additionalContentSizes$ = toObservable(this.additionalContent, {\n      injector: this.injector\n    }).pipe(\n      startWith(this.additionalContent()),\n      switchMap(additionalContent => combineLatest(additionalContent.map(item => item.size$))),\n      startWith([])\n    );\n\n    this.resizeSubscription = combineLatest([\n      containerSize$,\n      this.overflowItem()?.size$ ?? of(0),\n      itemSizes$,\n      additionalContentSizes$\n    ])\n      .pipe(auditTime(0))\n      .subscribe(([containerSize, overflowItemSize, items, additionalContentSizes]) =>\n        this.updateItemVisibility(containerSize, overflowItemSize, items, additionalContentSizes)\n      );\n  }\n\n  private updateItemVisibility(\n    containerSize: number,\n    overflowItemSize: number,\n    items: { size: number; directive: SiAutoCollapsableListItemDirective }[],\n    additionalContent: number[]\n  ): void {\n    let remainingSpace = containerSize - additionalContent.reduce((a, b) => a + b, 0);\n\n    const itemsRemaining = items.slice();\n\n    const gap = this.gap() ?? this.computedGap;\n\n    while (remainingSpace > 0 && itemsRemaining.length) {\n      const item = itemsRemaining.shift()!;\n      if (remainingSpace - item.size - gap - overflowItemSize >= 0) {\n        // There is space for the item and an overflow item.\n        item.directive.canBeVisible.set(true);\n        remainingSpace -= item.size + gap;\n      } else if (\n        !itemsRemaining.length &&\n        (remainingSpace - item.size >= 0 || overflowItemSize >= item.size)\n      ) {\n        // There are no other items remaining and there is enough space or the overflow item is biggger than the current one.\n        item.directive.canBeVisible.set(true);\n        remainingSpace = 0;\n      } else {\n        // There is no space for the item.\n        remainingSpace = 0;\n        item.directive.canBeVisible.set(false);\n      }\n    }\n    itemsRemaining.forEach(item => item.directive.canBeVisible.set(false));\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      overflowItem.hiddenItemCount = this.items().filter(item => !item.canBeVisible()).length;\n      overflowItem.canBeVisible.set(overflowItem.hiddenItemCount !== 0);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private reset(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.resizeSubscription = undefined;\n    this.disableInitSubscription = toObservable(this.items, { injector: this.injector }).subscribe(\n      items =>\n        queueMicrotask(() => {\n          items.forEach(item => item.canBeVisible.set(true));\n        })\n    );\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      queueMicrotask(() => {\n        overflowItem!.canBeVisible.set(false);\n        overflowItem!.hiddenItemCount = 0;\n      });\n    }\n  }\n\n  private readGapSize(): void {\n    const { gap } = getComputedStyle(this.containerElement() ?? this.elementRef.nativeElement);\n    if (gap.endsWith('px') || gap === '0') {\n      this.computedGap = parseFloat(gap);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\nimport { SiAutoCollapsableListDirective } from './si-auto-collapsable-list.directive';\n\n@NgModule({\n  imports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ],\n  exports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ]\n})\nexport class SiAutoCollapsableListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-auto-collapsable-list-item.directive';\nexport * from './si-auto-collapsable-list.directive';\nexport * from './si-auto-collapsable-list-overflow-item.directive';\nexport * from './si-auto-collapsable-list-measurable.class';\nexport * from './si-auto-collapsable-list-additional-content.directive';\nexport * from './si-auto-collapsable-list.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-auto-collapsable-list.mjs","sources":["../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-measurable.class.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-additional-content.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list-overflow-item.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.directive.ts","../../../../projects/element-ng/auto-collapsable-list/si-auto-collapsable-list.module.ts","../../../../projects/element-ng/auto-collapsable-list/index.ts","../../../../projects/element-ng/auto-collapsable-list/siemens-element-ng-auto-collapsable-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject } from '@angular/core';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { distinctUntilChanged, map, shareReplay } from 'rxjs/operators';\n\n@Directive()\nexport class SiAutoCollapsableListMeasurable {\n  protected readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n\n  /**\n   * Emits on element width changes.\n   *\n   * @defaultValue\n   * ```\n   * this.resizeObserverService\n   *       .observe(this.elementRef.nativeElement, 0, true, true)\n   *       .pipe(\n   *         map(size => size.width),\n   *         distinctUntilChanged(),\n   *         shareReplay(1)\n   *       )\n   * ```\n   */\n  size$ = this.resizeObserverService.observe(this.elementRef.nativeElement, 0, true, true).pipe(\n    map(size => size.width),\n    distinctUntilChanged(),\n    shareReplay(1)\n  );\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { AfterViewInit, booleanAttribute, computed, Directive, input, signal } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListItem]',\n  host: {\n    '[class.visible]': 'isVisible()',\n    '[class.invisible]': '!isVisible()',\n    '[class.position-absolute]': '!isVisible()',\n    // Ensure hidden items are behind the visible ones. Otherwise, the visible ones are not clickable\n    '[class.z-n1]': '!isVisible()'\n  },\n  exportAs: 'siAutoCollapsableListItem'\n})\nexport class SiAutoCollapsableListItemDirective\n  extends SiAutoCollapsableListMeasurable\n  implements AfterViewInit\n{\n  /**\n   * Hide this item even if enough space is available.\n   * When calculating the overall available size, this item is still considered when forceHide=true\n   *\n   * @defaultValue false\n   */\n  readonly forceHide = input(false, { transform: booleanAttribute });\n\n  /**\n   * True if enough space is available for this item.\n   *\n   * @defaultValue false\n   */\n  readonly canBeVisible = signal<boolean>(false);\n\n  /**\n   * True if this item is actually visible to the user\n   */\n  readonly isVisible = computed(() => this.canBeVisible() && !this.forceHide());\n\n  ngAfterViewInit(): void {\n    if (getComputedStyle(this.elementRef.nativeElement).display === 'inline') {\n      console.error('siAutoCollapsibleListItem does not work on items with display=\"inline\"');\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListMeasurable } from './si-auto-collapsable-list-measurable.class';\n\n@Directive({\n  selector: '[siAutoCollapsableListAdditionalContent]'\n})\nexport class SiAutoCollapsableListAdditionalContentDirective extends SiAutoCollapsableListMeasurable {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableListOverflowItem]',\n  exportAs: 'siAutoCollapsableListOverflowItem'\n})\nexport class SiAutoCollapsableListOverflowItemDirective extends SiAutoCollapsableListItemDirective {\n  /**\n   * Number of hidden items.\n   *\n   * @defaultValue 0\n   */\n  hiddenItemCount = 0;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectorRef,\n  contentChild,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  INJECTOR,\n  input,\n  OnChanges,\n  OnDestroy,\n  SimpleChanges\n} from '@angular/core';\nimport { toObservable } from '@angular/core/rxjs-interop';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { BehaviorSubject, combineLatest, of, Subscription } from 'rxjs';\nimport { auditTime, distinctUntilChanged, map, startWith, switchMap } from 'rxjs/operators';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\n\n@Directive({\n  selector: '[siAutoCollapsableList]',\n  host: {\n    class: 'position-relative',\n    '[class.overflow-hidden]': 'siAutoCollapsableList()'\n  },\n  exportAs: 'siAutoCollapsableList'\n})\nexport class SiAutoCollapsableListDirective implements AfterViewInit, OnChanges, OnDestroy {\n  /**\n   * The items which are displayed in the siAutoCollapsableList.\n   */\n  readonly items = contentChildren(SiAutoCollapsableListItemDirective);\n\n  private readonly overflowItem = contentChild(SiAutoCollapsableListOverflowItemDirective);\n\n  private readonly additionalContent = contentChildren(\n    SiAutoCollapsableListAdditionalContentDirective\n  );\n\n  /**\n   * Enables the auto-collapsing behavior. When `true`, items that overflow the container\n   * are hidden and an overflow indicator item is shown instead.\n   *\n   * @defaultValue true\n   */\n  readonly siAutoCollapsableList = input(true, { transform: booleanAttribute });\n\n  /**\n   * The (flex) gap in pixels, will automatically be set if a pixel value is used in CSS.\n   */\n  readonly gap = input<number>();\n\n  /**\n   * The element which size is available for the content of the siAutoCollapsableList.\n   *\n   * @defaultValue undefined\n   */\n  readonly containerElement = input<HTMLElement | undefined | null>(undefined, {\n    alias: 'siAutoCollapsableListContainerElement'\n  });\n\n  private resizeSubscription?: Subscription;\n  private disableInitSubscription?: Subscription;\n  private readonly elementRef = inject(ElementRef);\n  private readonly resizeObserverService = inject(ResizeObserverService);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly containerElementSubject = new BehaviorSubject<HTMLElement | null>(\n    this.elementRef.nativeElement\n  );\n\n  /**\n   * The same as {@link gap}, but automatically read from the computed styles.\n   * Used if not set by user.\n   */\n  private computedGap = 0;\n  private injector = inject(INJECTOR);\n\n  ngAfterViewInit(): void {\n    if (this.siAutoCollapsableList()) {\n      this.readGapSize();\n      this.setupResizeListener();\n    } else {\n      this.reset();\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.siAutoCollapsableList) {\n      const siAutoCollapsableList = this.siAutoCollapsableList();\n      if (!siAutoCollapsableList && this.resizeSubscription) {\n        this.reset();\n      } else if (siAutoCollapsableList && !this.resizeSubscription && this.items()) {\n        this.setupResizeListener();\n      }\n    }\n\n    if (changes.containerElement) {\n      this.containerElementSubject.next(this.containerElement() ?? this.elementRef.nativeElement);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.disableInitSubscription?.unsubscribe();\n    this.containerElementSubject.complete();\n  }\n\n  private setupResizeListener(): void {\n    this.disableInitSubscription?.unsubscribe();\n    const containerSize$ = this.containerElementSubject.pipe(\n      switchMap(element => this.resizeObserverService.observe(element!, 0, true, true)),\n      map(size => size.width),\n      distinctUntilChanged(),\n      map(size => {\n        const { paddingInlineStart, paddingInlineEnd } = getComputedStyle(\n          this.containerElement() ?? this.elementRef.nativeElement\n        );\n        return size - parseFloat(paddingInlineStart) - parseFloat(paddingInlineEnd);\n      })\n    );\n\n    const itemSizes$ = toObservable(this.items, { injector: this.injector }).pipe(\n      startWith(this.items()),\n      switchMap(items =>\n        !items.length\n          ? of([])\n          : combineLatest(\n              items.map(item =>\n                item.size$.pipe(\n                  map(size => ({\n                    size,\n                    directive: item\n                  }))\n                )\n              )\n            )\n      )\n    );\n    const additionalContentSizes$ = toObservable(this.additionalContent, {\n      injector: this.injector\n    }).pipe(\n      startWith(this.additionalContent()),\n      switchMap(additionalContent => combineLatest(additionalContent.map(item => item.size$))),\n      startWith([])\n    );\n\n    this.resizeSubscription = combineLatest([\n      containerSize$,\n      this.overflowItem()?.size$ ?? of(0),\n      itemSizes$,\n      additionalContentSizes$\n    ])\n      .pipe(auditTime(0))\n      .subscribe(([containerSize, overflowItemSize, items, additionalContentSizes]) =>\n        this.updateItemVisibility(containerSize, overflowItemSize, items, additionalContentSizes)\n      );\n  }\n\n  private updateItemVisibility(\n    containerSize: number,\n    overflowItemSize: number,\n    items: { size: number; directive: SiAutoCollapsableListItemDirective }[],\n    additionalContent: number[]\n  ): void {\n    let remainingSpace = containerSize - additionalContent.reduce((a, b) => a + b, 0);\n\n    const itemsRemaining = items.slice();\n\n    const gap = this.gap() ?? this.computedGap;\n\n    while (remainingSpace > 0 && itemsRemaining.length) {\n      const item = itemsRemaining.shift()!;\n      if (remainingSpace - item.size - gap - overflowItemSize >= 0) {\n        // There is space for the item and an overflow item.\n        item.directive.canBeVisible.set(true);\n        remainingSpace -= item.size + gap;\n      } else if (\n        !itemsRemaining.length &&\n        (remainingSpace - item.size >= 0 || overflowItemSize >= item.size)\n      ) {\n        // There are no other items remaining and there is enough space or the overflow item is biggger than the current one.\n        item.directive.canBeVisible.set(true);\n        remainingSpace = 0;\n      } else {\n        // There is no space for the item.\n        remainingSpace = 0;\n        item.directive.canBeVisible.set(false);\n      }\n    }\n    itemsRemaining.forEach(item => item.directive.canBeVisible.set(false));\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      overflowItem.hiddenItemCount = this.items().filter(item => !item.canBeVisible()).length;\n      overflowItem.canBeVisible.set(overflowItem.hiddenItemCount !== 0);\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  private reset(): void {\n    this.resizeSubscription?.unsubscribe();\n    this.resizeSubscription = undefined;\n    this.disableInitSubscription = toObservable(this.items, { injector: this.injector }).subscribe(\n      items =>\n        queueMicrotask(() => {\n          items.forEach(item => item.canBeVisible.set(true));\n        })\n    );\n\n    const overflowItem = this.overflowItem();\n    if (overflowItem) {\n      queueMicrotask(() => {\n        overflowItem!.canBeVisible.set(false);\n        overflowItem!.hiddenItemCount = 0;\n      });\n    }\n  }\n\n  private readGapSize(): void {\n    const { gap } = getComputedStyle(this.containerElement() ?? this.elementRef.nativeElement);\n    if (gap.endsWith('px') || gap === '0') {\n      this.computedGap = parseFloat(gap);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutoCollapsableListAdditionalContentDirective } from './si-auto-collapsable-list-additional-content.directive';\nimport { SiAutoCollapsableListItemDirective } from './si-auto-collapsable-list-item.directive';\nimport { SiAutoCollapsableListOverflowItemDirective } from './si-auto-collapsable-list-overflow-item.directive';\nimport { SiAutoCollapsableListDirective } from './si-auto-collapsable-list.directive';\n\n@NgModule({\n  imports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ],\n  exports: [\n    SiAutoCollapsableListAdditionalContentDirective,\n    SiAutoCollapsableListDirective,\n    SiAutoCollapsableListItemDirective,\n    SiAutoCollapsableListOverflowItemDirective\n  ]\n})\nexport class SiAutoCollapsableListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-auto-collapsable-list-item.directive';\nexport * from './si-auto-collapsable-list.directive';\nexport * from './si-auto-collapsable-list-overflow-item.directive';\nexport * from './si-auto-collapsable-list-measurable.class';\nexport * from './si-auto-collapsable-list-additional-content.directive';\nexport * from './si-auto-collapsable-list.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-autocomplete.mjs

@@ -18,14 +18,15 @@ class SiAutocompleteOptionDirective {
      * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`
      * ```
      */
-    id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     /**
      * When `true`, the option cannot be selected and is rendered in a disabled state.
      *
      * @defaultValue false
      */
     // eslint-disable-next-line @angular-eslint/no-input-rename
-    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled', transform: booleanAttribute });
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
     get disabled() {
         return this.disabledInput();
     }
@@ -34,8 +35,9 @@ class SiAutocompleteOptionDirective {
      *
      * @defaultValue undefined
      */
-    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), alias: 'siAutocompleteOption' });
-    active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), alias: 'siAutocompleteOption' });
+    active = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
     click() {
         this.parent.siAutocompleteOptionSubmitted.emit(this.value());
     }
@@ -48,10 +50,10 @@ class SiAutocompleteOptionDirective {
     setInactiveStyles() {
         this.active.set(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiAutocompleteOptionDirective, isStandalone: true, selector: "[siAutocompleteOption]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "siAutocompleteOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "click()" }, properties: { "id": "id()", "attr.aria-disabled": "disabledInput()", "class.active": "active()" } }, exportAs: ["siAutocompleteOption"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: SiAutocompleteOptionDirective, isStandalone: true, selector: "[siAutocompleteOption]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "siAutocompleteOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "click()" }, properties: { "id": "id()", "attr.aria-disabled": "disabledInput()", "class.active": "active()" } }, exportAs: ["siAutocompleteOption"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siAutocompleteOption]',
@@ -72,23 +74,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiAutocompleteListboxDirective {
     static idCounter = 0;
-    options = contentChildren(SiAutocompleteOptionDirective, { ...(ngDevMode ? { debugName: "options" } : {}), descendants: true });
+    options = contentChildren(SiAutocompleteOptionDirective, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), descendants: true });
     /**
      * @defaultValue
      * ```
      * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`
      * ```
      */
-    id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+    id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     /** The `SiAutocompleteDirective` instance this listbox is attached to. */
-    autocomplete = input.required({ ...(ngDevMode ? { debugName: "autocomplete" } : {}), alias: 'siAutocompleteListboxFor' });
+    autocomplete = input.required({ ...(ngDevMode ? { debugName: "autocomplete" } : /* istanbul ignore next */ {}), alias: 'siAutocompleteListboxFor' });
     /**
      * Index of the option that is pre-selected when the listbox opens.
      * Pass `-1` to start with no active item.
      *
      * @defaultValue 0
      */
-    siAutocompleteDefaultIndex = input(0, ...(ngDevMode ? [{ debugName: "siAutocompleteDefaultIndex" }] : []));
+    siAutocompleteDefaultIndex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "siAutocompleteDefaultIndex" }] : /* istanbul ignore next */ []));
     siAutocompleteOptionSubmitted = output();
     injector = inject(INJECTOR);
     keyManager = new ActiveDescendantKeyManager(this.options, this.injector)
@@ -147,10 +151,10 @@ class SiAutocompleteListboxDirective {
         }
         return this.options().at(this.keyManager.activeItemIndex) ?? null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteListboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.0.8", type: SiAutocompleteListboxDirective, isStandalone: true, selector: "[siAutocompleteListboxFor]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "siAutocompleteListboxFor", isSignal: true, isRequired: true, transformFunction: null }, siAutocompleteDefaultIndex: { classPropertyName: "siAutocompleteDefaultIndex", publicName: "siAutocompleteDefaultIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { siAutocompleteOptionSubmitted: "siAutocompleteOptionSubmitted" }, host: { attributes: { "role": "listbox" }, properties: { "id": "id()" } }, providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }], queries: [{ propertyName: "options", predicate: SiAutocompleteOptionDirective, descendants: true, isSignal: true }], exportAs: ["siAutocompleteListbox"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteListboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.0.8", type: SiAutocompleteListboxDirective, isStandalone: true, selector: "[siAutocompleteListboxFor]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "siAutocompleteListboxFor", isSignal: true, isRequired: true, transformFunction: null }, siAutocompleteDefaultIndex: { classPropertyName: "siAutocompleteDefaultIndex", publicName: "siAutocompleteDefaultIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { siAutocompleteOptionSubmitted: "siAutocompleteOptionSubmitted" }, host: { attributes: { "role": "listbox" }, properties: { "id": "id()" } }, providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }], queries: [{ propertyName: "options", predicate: SiAutocompleteOptionDirective, descendants: true, isSignal: true }], exportAs: ["siAutocompleteListbox"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteListboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteListboxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siAutocompleteListboxFor]',
@@ -169,7 +173,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  */
 class SiAutocompleteDirective {
     /** @internal */
-    listbox = signal(undefined, ...(ngDevMode ? [{ debugName: "listbox" }] : []));
+    listbox = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listbox" }] : /* istanbul ignore next */ []));
     get activeDescendant() {
         return this.listbox()?.active?.id() ?? '';
     }
@@ -179,10 +184,10 @@ class SiAutocompleteDirective {
     get active() {
         return this.listbox()?.active;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: SiAutocompleteDirective, isStandalone: true, selector: "input[siAutocomplete]", host: { attributes: { "role": "combobox", "aria-autocomplete": "list" }, listeners: { "keydown": "keydown($event)" }, properties: { "attr.aria-activedescendant": "activeDescendant", "attr.aria-controls": "listbox()?.id()", "attr.aria-expanded": "!!listbox()" } }, exportAs: ["siAutocomplete"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SiAutocompleteDirective, isStandalone: true, selector: "input[siAutocomplete]", host: { attributes: { "role": "combobox", "aria-autocomplete": "list" }, listeners: { "keydown": "keydown($event)" }, properties: { "attr.aria-activedescendant": "activeDescendant", "attr.aria-controls": "listbox()?.id()", "attr.aria-expanded": "!!listbox()" } }, exportAs: ["siAutocomplete"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[siAutocomplete]',
@@ -205,11 +210,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiAutocompleteModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteModule, imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective], exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteModule, imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective], exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective],

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-autocomplete.mjs","sources":["../../../../projects/element-ng/autocomplete/si-autocomplete.model.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-option.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-listbox.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.module.ts","../../../../projects/element-ng/autocomplete/index.ts","../../../../projects/element-ng/autocomplete/siemens-element-ng-autocomplete.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\n\nexport const AUTOCOMPLETE_LISTBOX = new InjectionToken<SiAutocompleteListboxDirective<unknown>>(\n  'si-autocomplete-listbox'\n);\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Highlightable } from '@angular/cdk/a11y';\nimport { booleanAttribute, Directive, ElementRef, inject, input, signal } from '@angular/core';\n\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteOption]',\n  host: {\n    role: 'option',\n    '[id]': 'id()',\n    '[attr.aria-disabled]': 'disabledInput()',\n    '[class.active]': 'active()',\n    '(click)': 'click()'\n  },\n  exportAs: 'siAutocompleteOption'\n})\nexport class SiAutocompleteOptionDirective<T = unknown> implements Highlightable {\n  private static idCounter = 0;\n  private element = inject<ElementRef<HTMLElement>>(ElementRef);\n  private parent = inject(AUTOCOMPLETE_LISTBOX);\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`);\n\n  /**\n   * When `true`, the option cannot be selected and is rendered in a disabled state.\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  get disabled(): boolean {\n    return this.disabledInput();\n  }\n  /**\n   * The value emitted when this option is selected or activated.\n   *\n   * @defaultValue undefined\n   */\n  readonly value = input<T>(undefined, { alias: 'siAutocompleteOption' });\n\n  protected readonly active = signal(false);\n\n  protected click(): void {\n    this.parent.siAutocompleteOptionSubmitted.emit(this.value());\n  }\n\n  /** @internal */\n  setActiveStyles(): void {\n    this.active.set(true);\n    this.element.nativeElement.scrollIntoView({ block: 'nearest' });\n  }\n\n  /** @internal */\n  setInactiveStyles(): void {\n    this.active.set(false);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectorRef,\n  DestroyRef,\n  Directive,\n  inject,\n  input,\n  OnInit,\n  output,\n  contentChildren,\n  INJECTOR,\n  effect\n} from '@angular/core';\n\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteListboxFor]',\n  providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }],\n  host: {\n    role: 'listbox',\n    '[id]': 'id()'\n  },\n  exportAs: 'siAutocompleteListbox'\n})\nexport class SiAutocompleteListboxDirective<T> implements OnInit {\n  private static idCounter = 0;\n\n  private readonly options = contentChildren(SiAutocompleteOptionDirective, { descendants: true });\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`);\n\n  /** The `SiAutocompleteDirective` instance this listbox is attached to. */\n  readonly autocomplete = input.required<SiAutocompleteDirective<T>>({\n    alias: 'siAutocompleteListboxFor'\n  });\n\n  /**\n   * Index of the option that is pre-selected when the listbox opens.\n   * Pass `-1` to start with no active item.\n   *\n   * @defaultValue 0\n   */\n  readonly siAutocompleteDefaultIndex = input(0);\n\n  readonly siAutocompleteOptionSubmitted = output<T | undefined>();\n\n  private injector = inject(INJECTOR);\n  private keyManager = new ActiveDescendantKeyManager(this.options, this.injector)\n    .withWrap(true)\n    .withVerticalOrientation(true);\n\n  private changeDetectorRef = inject(ChangeDetectorRef);\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      if (this.siAutocompleteDefaultIndex() >= 0 && !this.keyManager.activeItem) {\n        this.setActiveItem();\n      }\n    });\n\n    effect(() => {\n      if (this.options()) {\n        this.setActiveItem();\n      }\n    });\n  }\n\n  ngOnInit(): void {\n    // For some reason, this is needed sometimes. Otherwise, one may get ExpressionChangedAfterItHasBeenCheckedError.\n    queueMicrotask(() => {\n      this.changeDetectorRef.markForCheck();\n      this.autocomplete().listbox.set(this);\n    });\n    this.destroyRef.onDestroy(() => {\n      this.autocomplete().listbox.set(undefined);\n    });\n  }\n\n  private setActiveItem(): void {\n    queueMicrotask(() => {\n      this.keyManager.setActiveItem(this.siAutocompleteDefaultIndex());\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  /** @internal */\n  onKeydown(event: KeyboardEvent): void {\n    if (event.ctrlKey && event.key === 'Enter') {\n      // [ctrl + enter] should submit and not select an option.\n      // Mainly needed for filtered-search.\n      return;\n    }\n    this.keyManager!.onKeydown(event);\n    if (event.key === 'Enter' && this.keyManager!.activeItem) {\n      this.siAutocompleteOptionSubmitted.emit(this.keyManager!.activeItem.value());\n      // Something was selected. This should prevent everything else from happening, especially submitting the form.\n      event.stopImmediatePropagation();\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | null {\n    // NOTE: We must not return `this.keyManager.activeItem` here, because its not updating\n    // activeItem reference when options change.\n    if (this.keyManager.activeItemIndex === null) {\n      return null;\n    }\n    return this.options().at(this.keyManager.activeItemIndex) ?? null;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, HostListener, signal } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\n\n@Directive({\n  selector: 'input[siAutocomplete]',\n  host: {\n    role: 'combobox',\n    'aria-autocomplete': 'list',\n    '[attr.aria-activedescendant]': 'activeDescendant',\n    '[attr.aria-controls]': 'listbox()?.id()',\n    '[attr.aria-expanded]': '!!listbox()'\n  },\n  exportAs: 'siAutocomplete'\n})\nexport class SiAutocompleteDirective<T> {\n  /** @internal */\n  readonly listbox = signal<SiAutocompleteListboxDirective<T> | undefined>(undefined);\n\n  protected get activeDescendant(): string {\n    return this.listbox()?.active?.id() ?? '';\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected keydown(event: KeyboardEvent): void {\n    this.listbox()?.onKeydown(event);\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | undefined | null {\n    return this.listbox()?.active;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\n\n@NgModule({\n  imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective],\n  declarations: [],\n  exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective]\n})\nexport class SiAutocompleteModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-autocomplete-listbox.directive';\nexport * from './si-autocomplete-option.directive';\nexport * from './si-autocomplete.directive';\nexport * from './si-autocomplete.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-autocomplete.mjs","sources":["../../../../projects/element-ng/autocomplete/si-autocomplete.model.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-option.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete-listbox.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.directive.ts","../../../../projects/element-ng/autocomplete/si-autocomplete.module.ts","../../../../projects/element-ng/autocomplete/index.ts","../../../../projects/element-ng/autocomplete/siemens-element-ng-autocomplete.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\n\nexport const AUTOCOMPLETE_LISTBOX = new InjectionToken<SiAutocompleteListboxDirective<unknown>>(\n  'si-autocomplete-listbox'\n);\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Highlightable } from '@angular/cdk/a11y';\nimport { booleanAttribute, Directive, ElementRef, inject, input, signal } from '@angular/core';\n\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteOption]',\n  host: {\n    role: 'option',\n    '[id]': 'id()',\n    '[attr.aria-disabled]': 'disabledInput()',\n    '[class.active]': 'active()',\n    '(click)': 'click()'\n  },\n  exportAs: 'siAutocompleteOption'\n})\nexport class SiAutocompleteOptionDirective<T = unknown> implements Highlightable {\n  private static idCounter = 0;\n  private element = inject<ElementRef<HTMLElement>>(ElementRef);\n  private parent = inject(AUTOCOMPLETE_LISTBOX);\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`);\n\n  /**\n   * When `true`, the option cannot be selected and is rendered in a disabled state.\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  get disabled(): boolean {\n    return this.disabledInput();\n  }\n  /**\n   * The value emitted when this option is selected or activated.\n   *\n   * @defaultValue undefined\n   */\n  readonly value = input<T>(undefined, { alias: 'siAutocompleteOption' });\n\n  protected readonly active = signal(false);\n\n  protected click(): void {\n    this.parent.siAutocompleteOptionSubmitted.emit(this.value());\n  }\n\n  /** @internal */\n  setActiveStyles(): void {\n    this.active.set(true);\n    this.element.nativeElement.scrollIntoView({ block: 'nearest' });\n  }\n\n  /** @internal */\n  setInactiveStyles(): void {\n    this.active.set(false);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ActiveDescendantKeyManager } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectorRef,\n  DestroyRef,\n  Directive,\n  inject,\n  input,\n  OnInit,\n  output,\n  contentChildren,\n  INJECTOR,\n  effect\n} from '@angular/core';\n\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\nimport { AUTOCOMPLETE_LISTBOX } from './si-autocomplete.model';\n\n@Directive({\n  selector: '[siAutocompleteListboxFor]',\n  providers: [{ provide: AUTOCOMPLETE_LISTBOX, useExisting: SiAutocompleteListboxDirective }],\n  host: {\n    role: 'listbox',\n    '[id]': 'id()'\n  },\n  exportAs: 'siAutocompleteListbox'\n})\nexport class SiAutocompleteListboxDirective<T> implements OnInit {\n  private static idCounter = 0;\n\n  private readonly options = contentChildren(SiAutocompleteOptionDirective, { descendants: true });\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`);\n\n  /** The `SiAutocompleteDirective` instance this listbox is attached to. */\n  readonly autocomplete = input.required<SiAutocompleteDirective<T>>({\n    alias: 'siAutocompleteListboxFor'\n  });\n\n  /**\n   * Index of the option that is pre-selected when the listbox opens.\n   * Pass `-1` to start with no active item.\n   *\n   * @defaultValue 0\n   */\n  readonly siAutocompleteDefaultIndex = input(0);\n\n  readonly siAutocompleteOptionSubmitted = output<T | undefined>();\n\n  private injector = inject(INJECTOR);\n  private keyManager = new ActiveDescendantKeyManager(this.options, this.injector)\n    .withWrap(true)\n    .withVerticalOrientation(true);\n\n  private changeDetectorRef = inject(ChangeDetectorRef);\n  private destroyRef = inject(DestroyRef);\n\n  constructor() {\n    effect(() => {\n      if (this.siAutocompleteDefaultIndex() >= 0 && !this.keyManager.activeItem) {\n        this.setActiveItem();\n      }\n    });\n\n    effect(() => {\n      if (this.options()) {\n        this.setActiveItem();\n      }\n    });\n  }\n\n  ngOnInit(): void {\n    // For some reason, this is needed sometimes. Otherwise, one may get ExpressionChangedAfterItHasBeenCheckedError.\n    queueMicrotask(() => {\n      this.changeDetectorRef.markForCheck();\n      this.autocomplete().listbox.set(this);\n    });\n    this.destroyRef.onDestroy(() => {\n      this.autocomplete().listbox.set(undefined);\n    });\n  }\n\n  private setActiveItem(): void {\n    queueMicrotask(() => {\n      this.keyManager.setActiveItem(this.siAutocompleteDefaultIndex());\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  /** @internal */\n  onKeydown(event: KeyboardEvent): void {\n    if (event.ctrlKey && event.key === 'Enter') {\n      // [ctrl + enter] should submit and not select an option.\n      // Mainly needed for filtered-search.\n      return;\n    }\n    this.keyManager!.onKeydown(event);\n    if (event.key === 'Enter' && this.keyManager!.activeItem) {\n      this.siAutocompleteOptionSubmitted.emit(this.keyManager!.activeItem.value());\n      // Something was selected. This should prevent everything else from happening, especially submitting the form.\n      event.stopImmediatePropagation();\n    }\n    this.changeDetectorRef.markForCheck();\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | null {\n    // NOTE: We must not return `this.keyManager.activeItem` here, because its not updating\n    // activeItem reference when options change.\n    if (this.keyManager.activeItemIndex === null) {\n      return null;\n    }\n    return this.options().at(this.keyManager.activeItemIndex) ?? null;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, HostListener, signal } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\n\n@Directive({\n  selector: 'input[siAutocomplete]',\n  host: {\n    role: 'combobox',\n    'aria-autocomplete': 'list',\n    '[attr.aria-activedescendant]': 'activeDescendant',\n    '[attr.aria-controls]': 'listbox()?.id()',\n    '[attr.aria-expanded]': '!!listbox()'\n  },\n  exportAs: 'siAutocomplete'\n})\nexport class SiAutocompleteDirective<T> {\n  /** @internal */\n  readonly listbox = signal<SiAutocompleteListboxDirective<T> | undefined>(undefined);\n\n  protected get activeDescendant(): string {\n    return this.listbox()?.active?.id() ?? '';\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected keydown(event: KeyboardEvent): void {\n    this.listbox()?.onKeydown(event);\n  }\n\n  get active(): SiAutocompleteOptionDirective<T> | undefined | null {\n    return this.listbox()?.active;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';\nimport { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';\nimport { SiAutocompleteDirective } from './si-autocomplete.directive';\n\n@NgModule({\n  imports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective],\n  declarations: [],\n  exports: [SiAutocompleteDirective, SiAutocompleteListboxDirective, SiAutocompleteOptionDirective]\n})\nexport class SiAutocompleteModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-autocomplete-listbox.directive';\nexport * from './si-autocomplete-option.directive';\nexport * from './si-autocomplete.directive';\nexport * from './si-autocomplete.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-avatar.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, numberAttribute, booleanAttribute, signal, Directive, inject, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, numberAttribute, booleanAttribute, signal, Directive, inject, computed, effect, Component } from '@angular/core';
 import { STATUS_ICON_CONFIG, SiIconComponent } from '@siemens/element-ng/icon';
 
 /**
@@ -14,21 +14,22 @@ const ASCII_CODE_INDEX_A = 64;
  */
 class SiAvatarBackgroundColorDirective {
     /**
-     * The desired color index from $element-data-* color tokens. This can be set to any kind of
+     * The desired color index from $si-sys-data-categorical-* color tokens. This can be set to any kind of
      * positive integer that is then mapped to a color index.
      * A better way to set a pseudo-random color is to set {@link autoColor} to `true`.
      *
      * @defaultValue undefined
      */
-    color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : {}), transform: numberAttribute });
+    color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /**
      * Automatically calculates the background color.
      * If set, {@link color} will be ignored.
      *
      * @defaultValue false
      */
-    autoColor = input(false, { ...(ngDevMode ? { debugName: "autoColor" } : {}), transform: booleanAttribute });
-    backgroundStyle = signal('var(--element-data-17)', ...(ngDevMode ? [{ debugName: "backgroundStyle" }] : []));
+    autoColor = input(false, { ...(ngDevMode ? { debugName: "autoColor" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    backgroundStyle = signal('var(--si-sys-data-categorical-17)', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "backgroundStyle" }] : /* istanbul ignore next */ []));
     ngOnChanges(changes) {
         if (changes.color) {
             this.setColor(this.color());
@@ -55,13 +56,13 @@ class SiAvatarBackgroundColorDirective {
         else {
             const actualColor = color ?? DATA_COLOR_NEUTRAL;
             const colorIndex = ((actualColor - 1) % DATA_COLORS_MAX) + 1;
-            this.backgroundStyle.set(`var(--element-data-${colorIndex})`);
+            this.backgroundStyle.set(`var(--si-sys-data-categorical-${colorIndex})`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAvatarBackgroundColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiAvatarBackgroundColorDirective, isStandalone: true, selector: "[siAvatarBackgroundColor]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoColor: { classPropertyName: "autoColor", publicName: "autoColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--background": "backgroundStyle()" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAvatarBackgroundColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: SiAvatarBackgroundColorDirective, isStandalone: true, selector: "[siAvatarBackgroundColor]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, autoColor: { classPropertyName: "autoColor", publicName: "autoColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--background": "backgroundStyle()" } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAvatarBackgroundColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAvatarBackgroundColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[siAvatarBackgroundColor]',
@@ -82,17 +83,21 @@ class SiAvatarComponent {
      *
      * @defaultValue 'regular'
      */
-    size = input('regular', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    size = input('regular', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Image src URL when using an image. */
-    imageUrl = input(...(ngDevMode ? [undefined, { debugName: "imageUrl" }] : []));
+    imageUrl = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "imageUrl" }] : /* istanbul ignore next */ []));
     /** Icon name when using an icon. */
-    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    icon = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     /**
      * Initials to be displayed as default avatar if no `icon` or `imageUrl` are provided.
      * If also no initials are provided, they will be automatically calculated from the `altText`.
      * The value will be used to calculate the background color when `autoColor` is true.
      */
-    initials = input(...(ngDevMode ? [undefined, { debugName: "initials" }] : []));
+    initials = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "initials" }] : /* istanbul ignore next */ []));
     /**
      * The desired color index from $element-data-* color tokens. This can be set to any kind of
      * positive integer that is then mapped to a color index.
@@ -100,22 +105,26 @@ class SiAvatarComponent {
      *
      * @defaultValue undefined
      */
-    color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : {}), transform: numberAttribute });
+    color = input(undefined, { ...(ngDevMode ? { debugName: "color" } : /* istanbul ignore next */ {}), transform: numberAttribute });
     /** The `alt` text for image, `title` for other modes. */
-    altText = input.required(...(ngDevMode ? [{ debugName: "altText" }] : []));
+    altText = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "altText" }] : /* istanbul ignore next */ []));
     /**
      * The status (success, info, warning, caution, danger, critical, pending, progress) to be
      * visualized.
      */
-    status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
+    status = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "status" }] : /* istanbul ignore next */ []));
     /**
      * aria-label for status
      */
-    statusAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "statusAriaLabel" }] : []));
+    statusAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "statusAriaLabel" }] : /* istanbul ignore next */ []));
     statusIcon = computed(() => {
         const status = this.status();
         return status ? this.statusIcons[status] : undefined;
-    }, ...(ngDevMode ? [{ debugName: "statusIcon" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statusIcon" }] : /* istanbul ignore next */ []));
     displayInitials = computed(() => {
         const initials = this.initials();
         if (initials) {
@@ -143,26 +152,27 @@ class SiAvatarComponent {
             last = last[0].toLocaleUpperCase();
         }
         return first + last;
-    }, ...(ngDevMode ? [{ debugName: "displayInitials" }] : []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayInitials" }] : /* istanbul ignore next */ []));
     autoBackgroundColorDirective = inject(SiAvatarBackgroundColorDirective);
     constructor() {
         effect(() => {
             this.autoBackgroundColorDirective.calculateColorFromInitials(this.displayInitials());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiAvatarComponent, isStandalone: true, selector: "si-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, altText: { classPropertyName: "altText", publicName: "altText", isSignal: true, isRequired: true, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusAriaLabel: { classPropertyName: "statusAriaLabel", publicName: "statusAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()" } }, hostDirectives: [{ directive: SiAvatarBackgroundColorDirective, inputs: ["color", "color", "autoColor", "autoColor"] }], ngImport: i0, template: "@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-body]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n", styles: [":host{--avatar-size: calc(1.25rem + 20px) ;--indicator-size: 1.25rem;--background: var(--element-base-0);--indicator-offset-x: -.625rem;--indicator-offset-y: -.375rem;flex:0 0 auto;display:inline-flex;vertical-align:middle;color:var(--element-text-inverse);position:relative;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%;background:var(--background)}:host.tiny,:host.xsmall,:host.small{--initials-size: .875rem;--indicator-size: 1rem;--indicator-offset-x: -.5rem;--indicator-offset-y: -.25rem}:host.tiny{--avatar-size: calc(1.25rem + 4px) }:host.xsmall{--avatar-size: calc(1.25rem + 8px) }:host.small{--avatar-size: calc(1.25rem + 12px) }:host.large{--avatar-size: calc(1.25rem + 36px) }:host.xlarge{--avatar-size: calc(1.25rem + 60px) }.initials{font-weight:600;font-size:var(--initials-size, 1.125rem);line-height:1}img{inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%}.indicator{position:absolute;inset-block-start:var(--indicator-offset-y);inset-inline-end:var(--indicator-offset-x);font-size:var(--indicator-size);filter:drop-shadow(1px 0 0 var(--element-base-1)) drop-shadow(-1px 0 0 var(--element-base-1)) drop-shadow(0 1px 0 var(--element-base-1)) drop-shadow(0 -1px 0 var(--element-base-1))}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiAvatarComponent, isStandalone: true, selector: "si-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, altText: { classPropertyName: "altText", publicName: "altText", isSignal: true, isRequired: true, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusAriaLabel: { classPropertyName: "statusAriaLabel", publicName: "statusAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "size()" } }, hostDirectives: [{ directive: SiAvatarBackgroundColorDirective, inputs: ["color", "color", "autoColor", "autoColor"] }], ngImport: i0, template: "@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-primary]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n", styles: [":host{--avatar-size: calc(var(--si-sys-sizing-icon-md) + 20px);--indicator-size: var(--si-sys-sizing-icon-md);--background: var(--si-sys-background-0);--indicator-offset-x: -.625rem;--indicator-offset-y: -.375rem;flex:0 0 auto;display:inline-flex;vertical-align:middle;color:var(--si-sys-text-inverse);position:relative;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%;background:var(--background)}:host.tiny,:host.xsmall,:host.small{--initials-size: var(--si-sys-typography-font-size-h5);--indicator-size: 1rem;--indicator-offset-x: -.5rem;--indicator-offset-y: -.25rem}:host.tiny{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-10) )}:host.xsmall{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-20) )}:host.small{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-30) )}:host.large{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-y-60) + var(--si-sys-sizing-spacing-y-10)) )}:host.xlarge{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-y-80) + var(--si-sys-sizing-spacing-y-30)) )}.initials{font-weight:600;font-size:var(--initials-size, var(--si-sys-typography-font-size-h3));line-height:1}img{inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%}.indicator{position:absolute;inset-block-start:var(--indicator-offset-y);inset-inline-end:var(--indicator-offset-x);font-size:var(--indicator-size);filter:drop-shadow(1px 0 0 var(--si-sys-background-1)) drop-shadow(-1px 0 0 var(--si-sys-background-1)) drop-shadow(0 1px 0 var(--si-sys-background-1)) drop-shadow(0 -1px 0 var(--si-sys-background-1))}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-avatar', imports: [SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'si-avatar', imports: [SiIconComponent], host: {
                         '[class]': 'size()'
                     }, hostDirectives: [
                         {
                             directive: SiAvatarBackgroundColorDirective,
                             inputs: ['color', 'autoColor']
                         }
-                    ], template: "@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-body]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n", styles: [":host{--avatar-size: calc(1.25rem + 20px) ;--indicator-size: 1.25rem;--background: var(--element-base-0);--indicator-offset-x: -.625rem;--indicator-offset-y: -.375rem;flex:0 0 auto;display:inline-flex;vertical-align:middle;color:var(--element-text-inverse);position:relative;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%;background:var(--background)}:host.tiny,:host.xsmall,:host.small{--initials-size: .875rem;--indicator-size: 1rem;--indicator-offset-x: -.5rem;--indicator-offset-y: -.25rem}:host.tiny{--avatar-size: calc(1.25rem + 4px) }:host.xsmall{--avatar-size: calc(1.25rem + 8px) }:host.small{--avatar-size: calc(1.25rem + 12px) }:host.large{--avatar-size: calc(1.25rem + 36px) }:host.xlarge{--avatar-size: calc(1.25rem + 60px) }.initials{font-weight:600;font-size:var(--initials-size, 1.125rem);line-height:1}img{inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%}.indicator{position:absolute;inset-block-start:var(--indicator-offset-y);inset-inline-end:var(--indicator-offset-x);font-size:var(--indicator-size);filter:drop-shadow(1px 0 0 var(--element-base-1)) drop-shadow(-1px 0 0 var(--element-base-1)) drop-shadow(0 1px 0 var(--element-base-1)) drop-shadow(0 -1px 0 var(--element-base-1))}\n"] }]
+                    ], template: "@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-primary]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n", styles: [":host{--avatar-size: calc(var(--si-sys-sizing-icon-md) + 20px);--indicator-size: var(--si-sys-sizing-icon-md);--background: var(--si-sys-background-0);--indicator-offset-x: -.625rem;--indicator-offset-y: -.375rem;flex:0 0 auto;display:inline-flex;vertical-align:middle;color:var(--si-sys-text-inverse);position:relative;align-items:center;justify-content:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%;background:var(--background)}:host.tiny,:host.xsmall,:host.small{--initials-size: var(--si-sys-typography-font-size-h5);--indicator-size: 1rem;--indicator-offset-x: -.5rem;--indicator-offset-y: -.25rem}:host.tiny{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-10) )}:host.xsmall{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-20) )}:host.small{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * var(--si-sys-sizing-spacing-y-30) )}:host.large{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-y-60) + var(--si-sys-sizing-spacing-y-10)) )}:host.xlarge{--avatar-size: calc( var(--si-sys-sizing-icon-md) + 2 * (var(--si-sys-sizing-spacing-y-80) + var(--si-sys-sizing-spacing-y-30)) )}.initials{font-weight:600;font-size:var(--initials-size, var(--si-sys-typography-font-size-h3));line-height:1}img{inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:50%}.indicator{position:absolute;inset-block-start:var(--indicator-offset-y);inset-inline-end:var(--indicator-offset-x);font-size:var(--indicator-size);filter:drop-shadow(1px 0 0 var(--si-sys-background-1)) drop-shadow(-1px 0 0 var(--si-sys-background-1)) drop-shadow(0 1px 0 var(--si-sys-background-1)) drop-shadow(0 -1px 0 var(--si-sys-background-1))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], imageUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageUrl", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], altText: [{ type: i0.Input, args: [{ isSignal: true, alias: "altText", required: true }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusAriaLabel", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-avatar.mjs","sources":["../../../../projects/element-ng/avatar/si-avatar-background-color.directive.ts","../../../../projects/element-ng/avatar/si-avatar.component.ts","../../../../projects/element-ng/avatar/si-avatar.component.html","../../../../projects/element-ng/avatar/index.ts","../../../../projects/element-ng/avatar/siemens-element-ng-avatar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  input,\n  numberAttribute,\n  OnChanges,\n  signal,\n  SimpleChanges\n} from '@angular/core';\n\nconst DATA_COLORS_MAX = 17;\nconst DATA_COLOR_NEUTRAL = 17;\nconst ASCII_CODE_INDEX_A = 64;\n\n/**\n * The directive provide a CSS variable --background with a color based on the initials or alt text.\n */\n@Directive({\n  selector: '[siAvatarBackgroundColor]',\n  host: {\n    '[style.--background]': 'backgroundStyle()'\n  }\n})\nexport class SiAvatarBackgroundColorDirective implements OnChanges {\n  /**\n   * The desired color index from $element-data-* color tokens. This can be set to any kind of\n   * positive integer that is then mapped to a color index.\n   * A better way to set a pseudo-random color is to set {@link autoColor} to `true`.\n   *\n   * @defaultValue undefined\n   */\n  readonly color = input<number | undefined, unknown>(undefined, { transform: numberAttribute });\n\n  /**\n   * Automatically calculates the background color.\n   * If set, {@link color} will be ignored.\n   *\n   * @defaultValue false\n   */\n  readonly autoColor = input(false, { transform: booleanAttribute });\n\n  protected readonly backgroundStyle = signal<string | undefined>('var(--element-data-17)');\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.color) {\n      this.setColor(this.color());\n    }\n  }\n\n  /**\n   * Update background color variable based on the initials or placeholder text.\n   */\n  public calculateColorFromInitials(displayInitials?: string): void {\n    if (!this.autoColor() || !displayInitials) {\n      return;\n    }\n\n    let color = 0;\n    for (let i = 0; i < displayInitials.length; i++) {\n      color *= 17; // this prevents 'JD' to have the same color as 'DJ'\n      color += displayInitials.charCodeAt(i) - ASCII_CODE_INDEX_A;\n    }\n    this.setColor(color);\n  }\n\n  private setColor(color?: number): void {\n    if (this.color() === 0) {\n      this.backgroundStyle.set(undefined);\n    } else {\n      const actualColor = color ?? DATA_COLOR_NEUTRAL;\n      const colorIndex = ((actualColor - 1) % DATA_COLORS_MAX) + 1;\n      this.backgroundStyle.set(`var(--element-data-${colorIndex})`);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  numberAttribute\n} from '@angular/core';\nimport { EntityStatusType } from '@siemens/element-ng/common';\nimport { SiIconComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiAvatarBackgroundColorDirective } from './si-avatar-background-color.directive';\n\nexport type AvatarSize = 'tiny' | 'xsmall' | 'small' | 'regular' | 'large' | 'xlarge';\n\n@Component({\n  selector: 'si-avatar',\n  imports: [SiIconComponent],\n  templateUrl: './si-avatar.component.html',\n  styleUrl: './si-avatar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'size()'\n  },\n  hostDirectives: [\n    {\n      directive: SiAvatarBackgroundColorDirective,\n      inputs: ['color', 'autoColor']\n    }\n  ]\n})\nexport class SiAvatarComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /**\n   * Size of the component.\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<AvatarSize>('regular');\n  /** Image src URL when using an image. */\n  readonly imageUrl = input<string>();\n  /** Icon name when using an icon. */\n  readonly icon = input<string>();\n  /**\n   * Initials to be displayed as default avatar if no `icon` or `imageUrl` are provided.\n   * If also no initials are provided, they will be automatically calculated from the `altText`.\n   * The value will be used to calculate the background color when `autoColor` is true.\n   */\n  readonly initials = input<string>();\n  /**\n   * The desired color index from $element-data-* color tokens. This can be set to any kind of\n   * positive integer that is then mapped to a color index.\n   * A better way to set a pseudo-random color is to set * {@link autoColor} to `true`.\n   *\n   * @defaultValue undefined\n   */\n  readonly color = input<number | undefined, unknown>(undefined, { transform: numberAttribute });\n  /** The `alt` text for image, `title` for other modes. */\n  readonly altText = input.required<string>();\n  /**\n   * The status (success, info, warning, caution, danger, critical, pending, progress) to be\n   * visualized.\n   */\n  readonly status = input<EntityStatusType>();\n  /**\n   * aria-label for status\n   */\n  readonly statusAriaLabel = input<TranslatableString>();\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status ? this.statusIcons[status] : undefined;\n  });\n\n  protected readonly displayInitials = computed(() => {\n    const initials = this.initials();\n    if (initials) {\n      return initials;\n    }\n\n    const name = this.altText()\n      .replaceAll(/\\([^)]*\\)/g, '')\n      .trim();\n    const byComma = name.split(/,\\s*/);\n    let first: string;\n    let last: string;\n    if (byComma.length > 1) {\n      last = byComma[0];\n      first = byComma[1];\n    } else {\n      const parts = name.split(' ');\n      first = parts.shift() ?? '';\n      last = parts.pop() ?? '';\n    }\n    if (first) {\n      first = first[0].toLocaleUpperCase();\n    }\n    if (last) {\n      last = last[0].toLocaleUpperCase();\n    }\n    return first + last;\n  });\n\n  private readonly autoBackgroundColorDirective = inject(SiAvatarBackgroundColorDirective);\n\n  constructor() {\n    effect(() => {\n      this.autoBackgroundColorDirective.calculateColorFromInitials(this.displayInitials());\n    });\n  }\n}\n","@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-body]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-avatar-background-color.directive';\nexport * from './si-avatar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SiAvatarBackgroundColorDirective"],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-avatar.mjs","sources":["../../../../projects/element-ng/avatar/si-avatar-background-color.directive.ts","../../../../projects/element-ng/avatar/si-avatar.component.ts","../../../../projects/element-ng/avatar/si-avatar.component.html","../../../../projects/element-ng/avatar/index.ts","../../../../projects/element-ng/avatar/siemens-element-ng-avatar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  input,\n  numberAttribute,\n  OnChanges,\n  signal,\n  SimpleChanges\n} from '@angular/core';\n\nconst DATA_COLORS_MAX = 17;\nconst DATA_COLOR_NEUTRAL = 17;\nconst ASCII_CODE_INDEX_A = 64;\n\n/**\n * The directive provide a CSS variable --background with a color based on the initials or alt text.\n */\n@Directive({\n  selector: '[siAvatarBackgroundColor]',\n  host: {\n    '[style.--background]': 'backgroundStyle()'\n  }\n})\nexport class SiAvatarBackgroundColorDirective implements OnChanges {\n  /**\n   * The desired color index from $si-sys-data-categorical-* color tokens. This can be set to any kind of\n   * positive integer that is then mapped to a color index.\n   * A better way to set a pseudo-random color is to set {@link autoColor} to `true`.\n   *\n   * @defaultValue undefined\n   */\n  readonly color = input<number | undefined, unknown>(undefined, { transform: numberAttribute });\n\n  /**\n   * Automatically calculates the background color.\n   * If set, {@link color} will be ignored.\n   *\n   * @defaultValue false\n   */\n  readonly autoColor = input(false, { transform: booleanAttribute });\n\n  protected readonly backgroundStyle = signal<string | undefined>(\n    'var(--si-sys-data-categorical-17)'\n  );\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.color) {\n      this.setColor(this.color());\n    }\n  }\n\n  /**\n   * Update background color variable based on the initials or placeholder text.\n   */\n  public calculateColorFromInitials(displayInitials?: string): void {\n    if (!this.autoColor() || !displayInitials) {\n      return;\n    }\n\n    let color = 0;\n    for (let i = 0; i < displayInitials.length; i++) {\n      color *= 17; // this prevents 'JD' to have the same color as 'DJ'\n      color += displayInitials.charCodeAt(i) - ASCII_CODE_INDEX_A;\n    }\n    this.setColor(color);\n  }\n\n  private setColor(color?: number): void {\n    if (this.color() === 0) {\n      this.backgroundStyle.set(undefined);\n    } else {\n      const actualColor = color ?? DATA_COLOR_NEUTRAL;\n      const colorIndex = ((actualColor - 1) % DATA_COLORS_MAX) + 1;\n      this.backgroundStyle.set(`var(--si-sys-data-categorical-${colorIndex})`);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, effect, inject, input, numberAttribute } from '@angular/core';\nimport { EntityStatusType } from '@siemens/element-ng/common';\nimport { SiIconComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiAvatarBackgroundColorDirective } from './si-avatar-background-color.directive';\n\nexport type AvatarSize = 'tiny' | 'xsmall' | 'small' | 'regular' | 'large' | 'xlarge';\n\n@Component({\n  selector: 'si-avatar',\n  imports: [SiIconComponent],\n  templateUrl: './si-avatar.component.html',\n  styleUrl: './si-avatar.component.scss',\n  host: {\n    '[class]': 'size()'\n  },\n  hostDirectives: [\n    {\n      directive: SiAvatarBackgroundColorDirective,\n      inputs: ['color', 'autoColor']\n    }\n  ]\n})\nexport class SiAvatarComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /**\n   * Size of the component.\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<AvatarSize>('regular');\n  /** Image src URL when using an image. */\n  readonly imageUrl = input<string>();\n  /** Icon name when using an icon. */\n  readonly icon = input<string>();\n  /**\n   * Initials to be displayed as default avatar if no `icon` or `imageUrl` are provided.\n   * If also no initials are provided, they will be automatically calculated from the `altText`.\n   * The value will be used to calculate the background color when `autoColor` is true.\n   */\n  readonly initials = input<string>();\n  /**\n   * The desired color index from $element-data-* color tokens. This can be set to any kind of\n   * positive integer that is then mapped to a color index.\n   * A better way to set a pseudo-random color is to set * {@link autoColor} to `true`.\n   *\n   * @defaultValue undefined\n   */\n  readonly color = input<number | undefined, unknown>(undefined, { transform: numberAttribute });\n  /** The `alt` text for image, `title` for other modes. */\n  readonly altText = input.required<string>();\n  /**\n   * The status (success, info, warning, caution, danger, critical, pending, progress) to be\n   * visualized.\n   */\n  readonly status = input<EntityStatusType>();\n  /**\n   * aria-label for status\n   */\n  readonly statusAriaLabel = input<TranslatableString>();\n\n  protected readonly statusIcon = computed(() => {\n    const status = this.status();\n    return status ? this.statusIcons[status] : undefined;\n  });\n\n  protected readonly displayInitials = computed(() => {\n    const initials = this.initials();\n    if (initials) {\n      return initials;\n    }\n\n    const name = this.altText()\n      .replaceAll(/\\([^)]*\\)/g, '')\n      .trim();\n    const byComma = name.split(/,\\s*/);\n    let first: string;\n    let last: string;\n    if (byComma.length > 1) {\n      last = byComma[0];\n      first = byComma[1];\n    } else {\n      const parts = name.split(' ');\n      first = parts.shift() ?? '';\n      last = parts.pop() ?? '';\n    }\n    if (first) {\n      first = first[0].toLocaleUpperCase();\n    }\n    if (last) {\n      last = last[0].toLocaleUpperCase();\n    }\n    return first + last;\n  });\n\n  private readonly autoBackgroundColorDirective = inject(SiAvatarBackgroundColorDirective);\n\n  constructor() {\n    effect(() => {\n      this.autoBackgroundColorDirective.calculateColorFromInitials(this.displayInitials());\n    });\n  }\n}\n","@if (imageUrl()) {\n  <img [src]=\"imageUrl()\" [alt]=\"altText()\" />\n} @else if (icon()) {\n  <si-icon class=\"icon\" [title]=\"altText()\" [icon]=\"icon()!\" />\n} @else {\n  <div\n    class=\"initials\"\n    [class.text-primary]=\"color() === 0\"\n    [title]=\"altText()\"\n    [attr.aria-label]=\"altText()\"\n    >{{ displayInitials() }}</div\n  >\n}\n@let iconConfig = statusIcon();\n@if (iconConfig) {\n  <span class=\"indicator-size indicator icon-stack\">\n    <si-icon [class]=\"`drop-shadow ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n    <si-icon [class]=\"iconConfig.stackedColor\" [icon]=\"iconConfig.stacked\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-avatar-background-color.directive';\nexport * from './si-avatar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.SiAvatarBackgroundColorDirective"],"mappings":"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"}