@siemens/element-ng 49.6.0 → 49.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-tabs.mjs","sources":["../../../../projects/element-ng/tabs/si-tab-badge.component.ts","../../../../projects/element-ng/tabs/si-tab-badge.component.html","../../../../projects/element-ng/tabs/si-tabs-tokens.ts","../../../../projects/element-ng/tabs/si-tab-base.directive.ts","../../../../projects/element-ng/tabs/si-tab-link.component.ts","../../../../projects/element-ng/tabs/si-tab.component.html","../../../../projects/element-ng/tabs/si-tabset.component.ts","../../../../projects/element-ng/tabs/si-tabset.component.html","../../../../projects/element-ng/tabs/si-tab.component.ts","../../../../projects/element-ng/tabs/si-tab-portal.component.ts","../../../../projects/element-ng/tabs/index.ts","../../../../projects/element-ng/tabs/siemens-element-ng-tabs.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-tab-badge',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-tab-badge.component.html',\n  styleUrl: './si-tab-badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'd-contents'\n  }\n})\nexport class SiTabBadgeComponent {\n  readonly badgeContent = input<TranslatableString | boolean>();\n  readonly badgeColor = input<string>();\n}\n","@let badgeContent = this.badgeContent();\n@if (badgeContent === true) {\n  <span class=\"badge-dot\"></span>\n} @else if (badgeContent && badgeColor()) {\n  <span class=\"badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">\n    {{ badgeContent ?? '' | translate }}\n  </span>\n} @else if (badgeContent && !badgeColor()) {\n  <span class=\"badge-text\"> {{ badgeContent ?? '' | translate }}</span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport { SiTabsetComponent } from './si-tabset.component';\n\nexport const SI_TABSET = new InjectionToken<SiTabsetComponent>('SiTabsetComponent');\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { FocusableOption } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  Signal,\n  TemplateRef,\n  untracked,\n  viewChild\n} from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons } from '@siemens/element-ng/icon';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TABSET } from './si-tabs-tokens';\n\n@Directive({\n  selector: '[siTabNextBase]',\n  host: {\n    class: 'nav-link focus-inside px-5 si-h4',\n    role: 'tab',\n    '[class.disabled]': 'disabledTab()',\n    '[class.icon-only]': '!!icon()',\n    '[class.pe-3]': 'closable()',\n    '[class.active]': 'active()',\n    '[attr.id]': \"'tab-' + tabId\",\n    '[attr.aria-selected]': 'active()',\n    '[attr.aria-disabled]': 'disabledTab()',\n    '[attr.tabindex]': 'tabset.focusKeyManager.activeItem === this && !disabledTab() ? 0 : -1',\n    '[attr.aria-controls]': \"'content-' + tabId\",\n    '(keydown.delete)': 'closeTab($event)'\n  }\n})\nexport abstract class SiTabBaseDirective implements OnDestroy, FocusableOption {\n  abstract readonly active: Signal<boolean | undefined>;\n  /** Title of the tab item. */\n  readonly heading = input.required<TranslatableString>();\n  /**\n   * Icon of the tab item.\n   * If provided, heading text will be ignored and only icon will be displayed.\n   */\n  readonly icon = input<string>();\n  /**\n   * Additional badge content. A value of\n   * - `true` will render a red dot\n   * - any string without a `badgeColor` will render a red dot with text\n   * - any string with a `badgeColor` will render a normal badge\n   */\n  readonly badgeContent = input<TranslatableString | boolean>();\n  /**\n   * Background color of the badge.\n   * If no color is provided a red dot badge will be rendered.\n   */\n  readonly badgeColor = input<string>();\n  /**\n   * Disables the tab.\n   *\n   * @defaultValue false\n   */\n  readonly disabledTab = input(false, {\n    transform: booleanAttribute,\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'disabled'\n  });\n  /**\n   * Close the current tab.\n   *\n   * @defaultValue false\n   */\n  readonly closable = input(false, {\n    transform: booleanAttribute\n  });\n  /** Event emitter to notify when a tab is closed. */\n  readonly closeTriggered = output();\n\n  /** @internal */\n  protected readonly tabButton = inject<ElementRef<HTMLElement>>(ElementRef);\n  /** @internal */\n  readonly tabContent = viewChild('tabContent', { read: TemplateRef });\n\n  private static tabCounter = 0;\n  private indexBeforeClose = -1;\n\n  /** @internal */\n  tabId = `${SiTabBaseDirective.tabCounter++}`;\n  protected readonly icons = addIcons({ elementCancel });\n  protected tabset = inject(SI_TABSET);\n  private readonly index = computed(() => this.tabset.tabPanels().indexOf(this));\n\n  constructor() {\n    // Update the focusKeyManager if a tab is added that is active or if the tab is set active by the app.\n    // This effect should not run, if active was already applied to the focusKeyManager.\n    effect(() => {\n      const active = this.active(); // We only want to subscribe to the active signal.\n      untracked(() => {\n        // !!! focusKeyManger.activeItem has signal reads internally. Do not move this outside of untracked.\n        if (active && this.tabset.focusKeyManager.activeItem !== this) {\n          this.tabset.focusKeyManager.updateActiveItem(this.index());\n        }\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this.indexBeforeClose >= 0) {\n      this.tabset.removedTabByUser(this.indexBeforeClose, this.active());\n    }\n  }\n\n  protected closeTab(event: Event): void {\n    if (this.closable() && !this.disabledTab()) {\n      event.stopPropagation();\n      const index = this.index();\n      this.closeTriggered.emit();\n      this.indexBeforeClose = index;\n    }\n  }\n\n  /** @internal */\n  focus(): void {\n    this.tabButton.nativeElement.focus({ preventScroll: true });\n    // The element is not fully scrolled into view when focused. So we prevent and scroll it manually.\n    this.scrollTabIntoView();\n  }\n\n  /** @internal */\n  get disabled(): boolean {\n    return this.disabledTab();\n  }\n\n  /**\n   * Programmatically selects the current tab.\n   */\n  selectTab(retainFocus?: boolean): void {\n    this.tabset.focusKeyManager.updateActiveItem(this.index());\n    if (retainFocus) {\n      // We need the timeout to wait for cdkMenu to restore the focus before we move it again.\n      setTimeout(() => this.focus());\n    }\n  }\n\n  /** @internal */\n  deSelectTab(): void {\n    // Empty be default, can be overridden in derived classes.\n  }\n\n  /** @internal */\n  scrollTabIntoView(): void {\n    this.tabButton.nativeElement.scrollIntoView({\n      inline: 'nearest',\n      block: 'nearest',\n      behavior: 'instant'\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\nimport { startWith } from 'rxjs/operators';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\n\n/**\n * Creates a tab that uses the Angular router.\n *\n * @example\n * ```html\n * <si-tabset>\n *   <a si-tab routerLink=\"/home\" heading=\"Home\"></a>\n *\n *   <router-outlet />\n * </si-tabset>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'a[si-tab][routerLink]',\n  imports: [SiIconComponent, SiTranslatePipe, SiTabBadgeComponent],\n  templateUrl: './si-tab.component.html',\n  styleUrl: './si-tab.component.scss',\n  providers: [{ provide: SiTabBaseDirective, useExisting: SiTabLinkComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: RouterLinkActive\n    }\n  ]\n})\nexport class SiTabLinkComponent extends SiTabBaseDirective {\n  private router = inject(Router);\n  /** @internal */\n  routerLink = inject(RouterLink, { self: true });\n  protected routerLinkActive = inject(RouterLinkActive, { self: true });\n  /** @defaultValue false */\n  override readonly active = toSignal(\n    this.routerLinkActive.isActiveChange.pipe(startWith(this.routerLinkActive.isActive))\n  );\n  /** {@inheritDoc} */\n  override selectTab(retainFocus?: boolean): void {\n    if (this.routerLink.urlTree) {\n      this.router.navigateByUrl(this.routerLink.urlTree, {\n        skipLocationChange: this.routerLink.skipLocationChange,\n        replaceUrl: this.routerLink.replaceUrl,\n        info: this.routerLink.info,\n        state: this.routerLink.state\n      });\n    }\n    super.selectTab(retainFocus);\n  }\n}\n","@let icon = this.icon();\n@if (icon) {\n  <si-icon class=\"tab-icon\" [icon]=\"icon\" [attr.title]=\"heading() | translate\" />\n} @else {\n  <span class=\"text-truncate\">{{ heading() | translate }}</span>\n}\n<si-tab-badge [badgeColor]=\"badgeColor()\" [badgeContent]=\"badgeContent()\" />\n@if (closable() && !disabledTab()) {\n  <si-icon\n    class=\"ms-2 btn btn-circle btn-sm btn-ghost close\"\n    [icon]=\"icons.elementCancel\"\n    (click)=\"closeTab($event)\"\n  />\n}\n\n<ng-template #tabContent>\n  <ng-content />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { CdkMenuTrigger } from '@angular/cdk/menu';\nimport { DomPortal } from '@angular/cdk/portal';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  inject,\n  INJECTOR,\n  input,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { elementOptions } from '@siemens/element-icons';\nimport { isRTL } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiMenuDirective, SiMenuItemComponent } from '@siemens/element-ng/menu';\nimport { SiResizeObserverModule } from '@siemens/element-ng/resize-observer';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\nimport { SiTabLinkComponent } from './si-tab-link.component';\nimport { SI_TABSET } from './si-tabs-tokens';\n\n/**\n * A component to group multiple tabs together.\n * Can either be used with {@link SiTabLinkComponent} or {@link SiTabComponent} components.\n */\n@Component({\n  selector: 'si-tabset',\n  imports: [\n    SiMenuDirective,\n    SiMenuItemComponent,\n    CdkMenuTrigger,\n    NgTemplateOutlet,\n    SiResizeObserverModule,\n    RouterLink,\n    SiTabBadgeComponent,\n    SiIconComponent\n  ],\n  templateUrl: './si-tabset.component.html',\n  styleUrl: './si-tabset.component.scss',\n  providers: [\n    {\n      provide: SI_TABSET,\n      useExisting: SiTabsetComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTabsetComponent {\n  /**\n   * When set, the overflowing content inside the tab will automatically scroll\n   * @defaultValue false\n   **/\n  readonly contentOverflowAuto = input(false, { transform: booleanAttribute });\n\n  protected readonly icons = addIcons({ elementOptions });\n\n  private readonly contentNode = viewChild.required('contentNode');\n  /**\n   * A `DomPortal` wrapping the tab panel container. Used by {@link SiTabPortalComponent}\n   * to render the active tab's content at a remote location in the DOM.\n   *\n   * @internal\n   */\n  readonly contentPortal = computed(() => new DomPortal(this.contentNode()));\n\n  /** @internal */\n  readonly activeTab = computed(() => this.tabPanels().find(tab => tab.active()));\n\n  /** @internal */\n  readonly tabPanels = contentChildren(SiTabBaseDirective);\n\n  /** @internal */\n  focusKeyManager = new FocusKeyManager(this.tabPanels, inject(INJECTOR))\n    .withHorizontalOrientation(isRTL() ? 'rtl' : 'ltr')\n    .withWrap(true);\n\n  /** @internal */\n  protected readonly showMenuButton = signal(false);\n\n  protected tabIsLink(tab: unknown): tab is SiTabLinkComponent {\n    return tab instanceof SiTabLinkComponent;\n  }\n\n  constructor() {\n    effect(() => {\n      if (this.showMenuButton() && this.activeTab()) {\n        // wait for menu button to render on DOM\n        setTimeout(() => {\n          this.activeTab()?.scrollTabIntoView();\n        });\n      }\n    });\n  }\n\n  /** @internal */\n  removedTabByUser(index: number, active?: boolean): void {\n    // The tab was already removed from the tabPanels list when this function is called.\n    // We need to:\n    // - focus another tab if the closed one was focused\n    // - activate another tab if the closed one was active\n    // If the closed tab was not focussed, there is no need to restore the focus as it could only be closed by mouse.\n    for (let i = 0; i < this.tabPanels().length; i++) {\n      // Get the actual index using modulo to wrap around\n      const checkIndex = (index + i) % this.tabPanels().length;\n      const checkTab = this.tabPanels()[checkIndex];\n      if (!checkTab.disabledTab()) {\n        if (this.focusKeyManager.activeItemIndex === index) {\n          this.focusKeyManager.setActiveItem(checkIndex);\n        }\n        if (active) {\n          checkTab.selectTab(true);\n        }\n        return;\n      }\n    }\n  }\n\n  protected resizeContainer(width: number, scrollWidth: number): void {\n    // 48px is the width of the menu button.\n    this.showMenuButton.set(scrollWidth > width + (this.showMenuButton() ? 48 : 0));\n  }\n\n  protected keydown(event: KeyboardEvent): void {\n    this.focusKeyManager.onKeydown(event);\n  }\n}\n","<div class=\"tabs-container\">\n  <div class=\"tab-container-buttonbar-list nav nav-tabs\">\n    <div\n      #tabScrollContainer\n      role=\"tablist\"\n      tabindex=\"-1\"\n      class=\"d-flex tabs-wrapper\"\n      (siResizeObserver)=\"\n        resizeContainer(tabScrollContainer.clientWidth, tabScrollContainer.scrollWidth)\n      \"\n      (keydown)=\"keydown($event)\"\n    >\n      <ng-content />\n    </div>\n\n    @if (showMenuButton()) {\n      <button\n        type=\"button\"\n        class=\"dropdown btn btn-tertiary focus-inside\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [cdkMenuTriggerFor]=\"tabsMenu\"\n      >\n        <si-icon class=\"icon m-0\" [icon]=\"icons.elementOptions\" />\n      </button>\n    }\n  </div>\n  @let tabContent = this.activeTab()?.tabContent();\n  @let activeTab = this.activeTab();\n\n  <div #contentNode class=\"d-contents\">\n    @if (activeTab) {\n      <div\n        class=\"tab-content focus-inside\"\n        role=\"tabpanel\"\n        [id]=\"`content-${activeTab.tabId}`\"\n        [class.tab-scroll]=\"contentOverflowAuto()\"\n        [tabIndex]=\"contentOverflowAuto() ? '0' : null\"\n        [attr.aria-labelledby]=\"`tab-${activeTab.tabId}`\"\n      >\n        @if (tabContent) {\n          <ng-container [ngTemplateOutlet]=\"tabContent\" />\n        }\n\n        <ng-content select=\"router-outlet\" />\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #tabsMenu>\n  <si-menu>\n    @for (tab of tabPanels(); track tab) {\n      @if (tabIsLink(tab)) {\n        <a\n          si-menu-item\n          [disabled]=\"tab.disabledTab()\"\n          [icon]=\"tab.icon()\"\n          [routerLink]=\"tab.routerLink.urlTree\"\n          (triggered)=\"tab.selectTab(true)\"\n        >\n          <ng-container [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ tab }\" />\n        </a>\n      } @else {\n        <button\n          type=\"button\"\n          si-menu-item\n          [disabled]=\"tab.disabledTab()\"\n          [icon]=\"tab.icon()\"\n          (triggered)=\"tab.selectTab(true)\"\n        >\n          <ng-container [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ tab }\" />\n        </button>\n      }\n    }\n  </si-menu>\n</ng-template>\n\n<ng-template #badgeTemplate let-tab=\"tab\">\n  <div class=\"d-flex align-items-center space-between flex-no-wrap justify-content-between\">\n    {{ tab.heading() }}\n    <si-tab-badge [badgeContent]=\"tab.badgeContent()\" [badgeColor]=\"tab.badgeColor()\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, model, OnDestroy } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\n\n/**\n * Creates a normal tab that can contain any content.\n *\n * @example\n * ```html\n * <si-tabset>\n *   <si-tab heading=\"Tab 1\">\n *     <p>Content of Tab 1</p>\n *   </si-tab>\n * </si-tabset>\n * ```\n */\n@Component({\n  selector: 'si-tab',\n  imports: [SiIconComponent, SiTranslatePipe, SiTabBadgeComponent],\n  templateUrl: './si-tab.component.html',\n  styleUrl: './si-tab.component.scss',\n  providers: [{ provide: SiTabBaseDirective, useExisting: SiTabComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(click)': 'selectTabByUser()',\n    '(keydown.enter)': 'selectTabByUser()'\n  }\n})\nexport class SiTabComponent extends SiTabBaseDirective implements OnDestroy {\n  /**\n   * Whether the tab is active or not.\n   * If set to `true`, the tab will be selected and its content will be displayed.\n   * @defaultValue false\n   * */\n  override readonly active = model(false);\n\n  /**\n   * Guard to check if the tab can be activated.\n   * If not provided, the tab can always be activated.\n   */\n  readonly canActivate = input<() => boolean>();\n  /**\n   * Guard to check if the tab can be deactivated.\n   * If not provided, the tab can always be deactivated.\n   */\n  readonly canDeactivate = input<() => boolean>();\n\n  protected selectTabByUser(): void {\n    const canActivate = this.canActivate();\n    if (!this.active() && (canActivate ? canActivate() : true)) {\n      this.selectTab();\n    }\n  }\n\n  /** {@inheritDoc} */\n  override selectTab(retainFocus?: boolean): void {\n    const activeTab = this.tabset.activeTab();\n    if (activeTab instanceof SiTabComponent) {\n      const canDeactivate = activeTab?.canDeactivate();\n      if (canDeactivate ? !canDeactivate() : false) {\n        return;\n      }\n    }\n    this.tabset.activeTab()?.deSelectTab();\n    this.active.set(true);\n    super.selectTab(retainFocus);\n  }\n\n  /** @internal */\n  override deSelectTab(): void {\n    this.active.set(false);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { SiTabsetComponent } from './si-tabset.component';\n\n/**\n * A component that renders the active tab's content at a remote\n * location in the DOM using an Angular CDK `DomPortal`.\n *\n * This component **automatically** renders the content of the currently\n * active `si-tab`, including the `role=\"tabpanel\"` container with proper\n * ARIA attributes linked to the active tab.\n *\n * @example\n * ```html\n * <si-tabset #tabset>\n *   <si-tab heading=\"Overview\" [active]=\"true\">\n *     overview content\n *   </si-tab>\n *   <si-tab heading=\"History\">\n *     history content\n *   </si-tab>\n * </si-tabset>\n *\n * <si-tab-portal [tabset]=\"tabset\" />\n * ```\n */\n@Component({\n  selector: 'si-tab-portal',\n  imports: [CdkPortalOutlet],\n  template: ` <ng-template [cdkPortalOutlet]=\"tabset().contentPortal()\" /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTabPortalComponent {\n  /**\n   * Reference to the {@link SiTabsetComponent} whose active tab content\n   * this component renders via a `DomPortal`.\n   *\n   * The tabset's tab panel container, including the `role=\"tabpanel\"` element\n   * with proper ARIA attributes, is transported to this component's location.\n   */\n  readonly tabset = input.required<SiTabsetComponent>();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-tabset.component';\nexport * from './si-tab.component';\nexport * from './si-tab-link.component';\nexport * from './si-tab-portal.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-tabs.mjs","sources":["../../../../projects/element-ng/tabs/si-tab-badge.component.ts","../../../../projects/element-ng/tabs/si-tab-badge.component.html","../../../../projects/element-ng/tabs/si-tabs-tokens.ts","../../../../projects/element-ng/tabs/si-tab-base.directive.ts","../../../../projects/element-ng/tabs/si-tab-link.component.ts","../../../../projects/element-ng/tabs/si-tab.component.html","../../../../projects/element-ng/tabs/si-tabset.component.ts","../../../../projects/element-ng/tabs/si-tabset.component.html","../../../../projects/element-ng/tabs/si-tab.component.ts","../../../../projects/element-ng/tabs/si-tab-portal.component.ts","../../../../projects/element-ng/tabs/index.ts","../../../../projects/element-ng/tabs/siemens-element-ng-tabs.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-tab-badge',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-tab-badge.component.html',\n  styleUrl: './si-tab-badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'd-contents'\n  }\n})\nexport class SiTabBadgeComponent {\n  readonly badgeContent = input<TranslatableString | boolean>();\n  readonly badgeColor = input<string>();\n}\n","@let badgeContent = this.badgeContent();\n@if (badgeContent === true) {\n  <span class=\"badge-dot\"></span>\n} @else if (badgeContent && badgeColor()) {\n  <span class=\"badge\" [class]=\"`bg-${badgeColor() || 'default'}`\">\n    {{ badgeContent ?? '' | translate }}\n  </span>\n} @else if (badgeContent && !badgeColor()) {\n  <span class=\"badge-text\"> {{ badgeContent ?? '' | translate }}</span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport { SiTabsetComponent } from './si-tabset.component';\n\nexport const SI_TABSET = new InjectionToken<SiTabsetComponent>('SiTabsetComponent');\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { FocusableOption } from '@angular/cdk/a11y';\nimport {\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  Signal,\n  TemplateRef,\n  untracked,\n  viewChild\n} from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons } from '@siemens/element-ng/icon';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TABSET } from './si-tabs-tokens';\n\n@Directive({\n  selector: '[siTabNextBase]',\n  host: {\n    class: 'nav-link focus-inside px-5',\n    role: 'tab',\n    '[class.disabled]': 'disabledTab()',\n    '[class.icon-only]': '!!icon()',\n    '[class.pe-3]': 'closable()',\n    '[class.active]': 'active()',\n    '[attr.id]': \"'tab-' + tabId\",\n    '[attr.aria-selected]': 'active()',\n    '[attr.aria-disabled]': 'disabledTab()',\n    '[attr.tabindex]': 'tabset.focusKeyManager.activeItem === this && !disabledTab() ? 0 : -1',\n    '[attr.aria-controls]': \"'content-' + tabId\",\n    '(keydown.delete)': 'closeTab($event)'\n  }\n})\nexport abstract class SiTabBaseDirective implements OnDestroy, FocusableOption {\n  abstract readonly active: Signal<boolean | undefined>;\n  /** Title of the tab item. */\n  readonly heading = input.required<TranslatableString>();\n  /**\n   * Icon of the tab item.\n   * If provided, heading text will be ignored and only icon will be displayed.\n   */\n  readonly icon = input<string>();\n  /**\n   * Additional badge content. A value of\n   * - `true` will render a red dot\n   * - any string without a `badgeColor` will render a red dot with text\n   * - any string with a `badgeColor` will render a normal badge\n   */\n  readonly badgeContent = input<TranslatableString | boolean>();\n  /**\n   * Background color of the badge.\n   * If no color is provided a red dot badge will be rendered.\n   */\n  readonly badgeColor = input<string>();\n  /**\n   * Disables the tab.\n   *\n   * @defaultValue false\n   */\n  readonly disabledTab = input(false, {\n    transform: booleanAttribute,\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'disabled'\n  });\n  /**\n   * Close the current tab.\n   *\n   * @defaultValue false\n   */\n  readonly closable = input(false, {\n    transform: booleanAttribute\n  });\n  /** Event emitter to notify when a tab is closed. */\n  readonly closeTriggered = output();\n\n  /** @internal */\n  protected readonly tabButton = inject<ElementRef<HTMLElement>>(ElementRef);\n  /** @internal */\n  readonly tabContent = viewChild('tabContent', { read: TemplateRef });\n\n  private static tabCounter = 0;\n  private indexBeforeClose = -1;\n\n  /** @internal */\n  tabId = `${SiTabBaseDirective.tabCounter++}`;\n  protected readonly icons = addIcons({ elementCancel });\n  protected tabset = inject(SI_TABSET);\n  private readonly index = computed(() => this.tabset.tabPanels().indexOf(this));\n\n  constructor() {\n    // Update the focusKeyManager if a tab is added that is active or if the tab is set active by the app.\n    // This effect should not run, if active was already applied to the focusKeyManager.\n    effect(() => {\n      const active = this.active(); // We only want to subscribe to the active signal.\n      untracked(() => {\n        // !!! focusKeyManger.activeItem has signal reads internally. Do not move this outside of untracked.\n        if (active && this.tabset.focusKeyManager.activeItem !== this) {\n          this.tabset.focusKeyManager.updateActiveItem(this.index());\n        }\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this.indexBeforeClose >= 0) {\n      this.tabset.removedTabByUser(this.indexBeforeClose, this.active());\n    }\n  }\n\n  protected closeTab(event: Event): void {\n    if (this.closable() && !this.disabledTab()) {\n      event.stopPropagation();\n      const index = this.index();\n      this.closeTriggered.emit();\n      this.indexBeforeClose = index;\n    }\n  }\n\n  /** @internal */\n  focus(): void {\n    this.tabButton.nativeElement.focus({ preventScroll: true });\n    // The element is not fully scrolled into view when focused. So we prevent and scroll it manually.\n    this.scrollTabIntoView();\n  }\n\n  /** @internal */\n  get disabled(): boolean {\n    return this.disabledTab();\n  }\n\n  /**\n   * Programmatically selects the current tab.\n   */\n  selectTab(retainFocus?: boolean): void {\n    this.tabset.focusKeyManager.updateActiveItem(this.index());\n    if (retainFocus) {\n      // We need the timeout to wait for cdkMenu to restore the focus before we move it again.\n      setTimeout(() => this.focus());\n    }\n  }\n\n  /** @internal */\n  deSelectTab(): void {\n    // Empty be default, can be overridden in derived classes.\n  }\n\n  /** @internal */\n  scrollTabIntoView(): void {\n    this.tabButton.nativeElement.scrollIntoView({\n      inline: 'nearest',\n      block: 'nearest',\n      behavior: 'instant'\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\nimport { startWith } from 'rxjs/operators';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\n\n/**\n * Creates a tab that uses the Angular router.\n *\n * @example\n * ```html\n * <si-tabset>\n *   <a si-tab routerLink=\"/home\" heading=\"Home\"></a>\n *\n *   <router-outlet />\n * </si-tabset>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'a[si-tab][routerLink]',\n  imports: [SiIconComponent, SiTranslatePipe, SiTabBadgeComponent],\n  templateUrl: './si-tab.component.html',\n  styleUrl: './si-tab.component.scss',\n  providers: [{ provide: SiTabBaseDirective, useExisting: SiTabLinkComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: RouterLinkActive\n    }\n  ]\n})\nexport class SiTabLinkComponent extends SiTabBaseDirective {\n  private router = inject(Router);\n  /** @internal */\n  routerLink = inject(RouterLink, { self: true });\n  protected routerLinkActive = inject(RouterLinkActive, { self: true });\n  /** @defaultValue false */\n  override readonly active = toSignal(\n    this.routerLinkActive.isActiveChange.pipe(startWith(this.routerLinkActive.isActive))\n  );\n  /** {@inheritDoc} */\n  override selectTab(retainFocus?: boolean): void {\n    if (this.routerLink.urlTree) {\n      this.router.navigateByUrl(this.routerLink.urlTree, {\n        skipLocationChange: this.routerLink.skipLocationChange,\n        replaceUrl: this.routerLink.replaceUrl,\n        info: this.routerLink.info,\n        state: this.routerLink.state\n      });\n    }\n    super.selectTab(retainFocus);\n  }\n}\n","@let icon = this.icon();\n@if (icon) {\n  <si-icon class=\"tab-icon\" [icon]=\"icon\" [attr.title]=\"heading() | translate\" />\n} @else {\n  <span class=\"text-truncate\">{{ heading() | translate }}</span>\n}\n<si-tab-badge [badgeColor]=\"badgeColor()\" [badgeContent]=\"badgeContent()\" />\n@if (closable() && !disabledTab()) {\n  <si-icon\n    class=\"ms-2 btn btn-circle btn-sm btn-tertiary-ghost close\"\n    [icon]=\"icons.elementCancel\"\n    (click)=\"closeTab($event)\"\n  />\n}\n\n<ng-template #tabContent>\n  <ng-content />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { CdkMenuTrigger } from '@angular/cdk/menu';\nimport { DomPortal } from '@angular/cdk/portal';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  inject,\n  INJECTOR,\n  input,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { elementOptions } from '@siemens/element-icons';\nimport { isRTL } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiMenuDirective, SiMenuItemComponent } from '@siemens/element-ng/menu';\nimport { SiResizeObserverModule } from '@siemens/element-ng/resize-observer';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\nimport { SiTabLinkComponent } from './si-tab-link.component';\nimport { SI_TABSET } from './si-tabs-tokens';\n\n/**\n * A component to group multiple tabs together.\n * Can either be used with {@link SiTabLinkComponent} or {@link SiTabComponent} components.\n */\n@Component({\n  selector: 'si-tabset',\n  imports: [\n    SiMenuDirective,\n    SiMenuItemComponent,\n    CdkMenuTrigger,\n    NgTemplateOutlet,\n    SiResizeObserverModule,\n    RouterLink,\n    SiTabBadgeComponent,\n    SiIconComponent\n  ],\n  templateUrl: './si-tabset.component.html',\n  styleUrl: './si-tabset.component.scss',\n  providers: [\n    {\n      provide: SI_TABSET,\n      useExisting: SiTabsetComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTabsetComponent {\n  /**\n   * When set, the overflowing content inside the tab will automatically scroll\n   * @defaultValue false\n   **/\n  readonly contentOverflowAuto = input(false, { transform: booleanAttribute });\n\n  protected readonly icons = addIcons({ elementOptions });\n\n  private readonly contentNode = viewChild.required('contentNode');\n  /**\n   * A `DomPortal` wrapping the tab panel container. Used by {@link SiTabPortalComponent}\n   * to render the active tab's content at a remote location in the DOM.\n   *\n   * @internal\n   */\n  readonly contentPortal = computed(() => new DomPortal(this.contentNode()));\n\n  /** @internal */\n  readonly activeTab = computed(() => this.tabPanels().find(tab => tab.active()));\n\n  /** @internal */\n  readonly tabPanels = contentChildren(SiTabBaseDirective);\n\n  /** @internal */\n  focusKeyManager = new FocusKeyManager(this.tabPanels, inject(INJECTOR))\n    .withHorizontalOrientation(isRTL() ? 'rtl' : 'ltr')\n    .withWrap(true);\n\n  /** @internal */\n  protected readonly showMenuButton = signal(false);\n\n  protected tabIsLink(tab: unknown): tab is SiTabLinkComponent {\n    return tab instanceof SiTabLinkComponent;\n  }\n\n  constructor() {\n    effect(() => {\n      if (this.showMenuButton() && this.activeTab()) {\n        // wait for menu button to render on DOM\n        setTimeout(() => {\n          this.activeTab()?.scrollTabIntoView();\n        });\n      }\n    });\n  }\n\n  /** @internal */\n  removedTabByUser(index: number, active?: boolean): void {\n    // The tab was already removed from the tabPanels list when this function is called.\n    // We need to:\n    // - focus another tab if the closed one was focused\n    // - activate another tab if the closed one was active\n    // If the closed tab was not focussed, there is no need to restore the focus as it could only be closed by mouse.\n    for (let i = 0; i < this.tabPanels().length; i++) {\n      // Get the actual index using modulo to wrap around\n      const checkIndex = (index + i) % this.tabPanels().length;\n      const checkTab = this.tabPanels()[checkIndex];\n      if (!checkTab.disabledTab()) {\n        if (this.focusKeyManager.activeItemIndex === index) {\n          this.focusKeyManager.setActiveItem(checkIndex);\n        }\n        if (active) {\n          checkTab.selectTab(true);\n        }\n        return;\n      }\n    }\n  }\n\n  protected resizeContainer(width: number, scrollWidth: number): void {\n    // 48px is the width of the menu button.\n    this.showMenuButton.set(scrollWidth > width + (this.showMenuButton() ? 48 : 0));\n  }\n\n  protected keydown(event: KeyboardEvent): void {\n    this.focusKeyManager.onKeydown(event);\n  }\n}\n","<div class=\"tabs-container\">\n  <div class=\"tab-container-buttonbar-list nav nav-tabs\">\n    <div\n      #tabScrollContainer\n      role=\"tablist\"\n      tabindex=\"-1\"\n      class=\"d-flex tabs-wrapper\"\n      (siResizeObserver)=\"\n        resizeContainer(tabScrollContainer.clientWidth, tabScrollContainer.scrollWidth)\n      \"\n      (keydown)=\"keydown($event)\"\n    >\n      <ng-content />\n    </div>\n\n    @if (showMenuButton()) {\n      <button\n        type=\"button\"\n        class=\"dropdown btn btn-tertiary focus-inside\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [cdkMenuTriggerFor]=\"tabsMenu\"\n      >\n        <si-icon class=\"icon m-0\" [icon]=\"icons.elementOptions\" />\n      </button>\n    }\n  </div>\n  @let tabContent = this.activeTab()?.tabContent();\n  @let activeTab = this.activeTab();\n\n  <div #contentNode class=\"d-contents\">\n    @if (activeTab) {\n      <div\n        class=\"tab-content focus-inside\"\n        role=\"tabpanel\"\n        [id]=\"`content-${activeTab.tabId}`\"\n        [class.tab-scroll]=\"contentOverflowAuto()\"\n        [tabIndex]=\"contentOverflowAuto() ? '0' : null\"\n        [attr.aria-labelledby]=\"`tab-${activeTab.tabId}`\"\n      >\n        @if (tabContent) {\n          <ng-container [ngTemplateOutlet]=\"tabContent\" />\n        }\n\n        <ng-content select=\"router-outlet\" />\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #tabsMenu>\n  <si-menu>\n    @for (tab of tabPanels(); track tab) {\n      @if (tabIsLink(tab)) {\n        <a\n          si-menu-item\n          [disabled]=\"tab.disabledTab()\"\n          [icon]=\"tab.icon()\"\n          [routerLink]=\"tab.routerLink.urlTree\"\n          (triggered)=\"tab.selectTab(true)\"\n        >\n          <ng-container [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ tab }\" />\n        </a>\n      } @else {\n        <button\n          type=\"button\"\n          si-menu-item\n          [disabled]=\"tab.disabledTab()\"\n          [icon]=\"tab.icon()\"\n          (triggered)=\"tab.selectTab(true)\"\n        >\n          <ng-container [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ tab }\" />\n        </button>\n      }\n    }\n  </si-menu>\n</ng-template>\n\n<ng-template #badgeTemplate let-tab=\"tab\">\n  <div class=\"d-flex align-items-center space-between flex-no-wrap justify-content-between\">\n    {{ tab.heading() }}\n    <si-tab-badge [badgeContent]=\"tab.badgeContent()\" [badgeColor]=\"tab.badgeColor()\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, model, OnDestroy } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiTabBadgeComponent } from './si-tab-badge.component';\nimport { SiTabBaseDirective } from './si-tab-base.directive';\n\n/**\n * Creates a normal tab that can contain any content.\n *\n * @example\n * ```html\n * <si-tabset>\n *   <si-tab heading=\"Tab 1\">\n *     <p>Content of Tab 1</p>\n *   </si-tab>\n * </si-tabset>\n * ```\n */\n@Component({\n  selector: 'si-tab',\n  imports: [SiIconComponent, SiTranslatePipe, SiTabBadgeComponent],\n  templateUrl: './si-tab.component.html',\n  styleUrl: './si-tab.component.scss',\n  providers: [{ provide: SiTabBaseDirective, useExisting: SiTabComponent }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '(click)': 'selectTabByUser()',\n    '(keydown.enter)': 'selectTabByUser()'\n  }\n})\nexport class SiTabComponent extends SiTabBaseDirective implements OnDestroy {\n  /**\n   * Whether the tab is active or not.\n   * If set to `true`, the tab will be selected and its content will be displayed.\n   * @defaultValue false\n   * */\n  override readonly active = model(false);\n\n  /**\n   * Guard to check if the tab can be activated.\n   * If not provided, the tab can always be activated.\n   */\n  readonly canActivate = input<() => boolean>();\n  /**\n   * Guard to check if the tab can be deactivated.\n   * If not provided, the tab can always be deactivated.\n   */\n  readonly canDeactivate = input<() => boolean>();\n\n  protected selectTabByUser(): void {\n    const canActivate = this.canActivate();\n    if (!this.active() && (canActivate ? canActivate() : true)) {\n      this.selectTab();\n    }\n  }\n\n  /** {@inheritDoc} */\n  override selectTab(retainFocus?: boolean): void {\n    const activeTab = this.tabset.activeTab();\n    if (activeTab instanceof SiTabComponent) {\n      const canDeactivate = activeTab?.canDeactivate();\n      if (canDeactivate ? !canDeactivate() : false) {\n        return;\n      }\n    }\n    this.tabset.activeTab()?.deSelectTab();\n    this.active.set(true);\n    super.selectTab(retainFocus);\n  }\n\n  /** @internal */\n  override deSelectTab(): void {\n    this.active.set(false);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { SiTabsetComponent } from './si-tabset.component';\n\n/**\n * A component that renders the active tab's content at a remote\n * location in the DOM using an Angular CDK `DomPortal`.\n *\n * This component **automatically** renders the content of the currently\n * active `si-tab`, including the `role=\"tabpanel\"` container with proper\n * ARIA attributes linked to the active tab.\n *\n * @example\n * ```html\n * <si-tabset #tabset>\n *   <si-tab heading=\"Overview\" [active]=\"true\">\n *     overview content\n *   </si-tab>\n *   <si-tab heading=\"History\">\n *     history content\n *   </si-tab>\n * </si-tabset>\n *\n * <si-tab-portal [tabset]=\"tabset\" />\n * ```\n */\n@Component({\n  selector: 'si-tab-portal',\n  imports: [CdkPortalOutlet],\n  template: ` <ng-template [cdkPortalOutlet]=\"tabset().contentPortal()\" /> `,\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTabPortalComponent {\n  /**\n   * Reference to the {@link SiTabsetComponent} whose active tab content\n   * this component renders via a `DomPortal`.\n   *\n   * The tabset's tab panel container, including the `role=\"tabpanel\"` element\n   * with proper ARIA attributes, is transported to this component's location.\n   */\n  readonly tabset = input.required<SiTabsetComponent>();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-tabset.component';\nexport * from './si-tab.component';\nexport * from './si-tab-link.component';\nexport * from './si-tab-portal.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -250,7 +250,7 @@ class SiThresholdComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiThresholdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiThresholdComponent, isStandalone: true, selector: "si-threshold", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, thresholdSteps: { classPropertyName: "thresholdSteps", publicName: "thresholdSteps", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, stepSize: { classPropertyName: "stepSize", publicName: "stepSize", isSignal: true, isRequired: false, transformFunction: null }, maxSteps: { classPropertyName: "maxSteps", publicName: "maxSteps", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, canAddRemoveSteps: { classPropertyName: "canAddRemoveSteps", publicName: "canAddRemoveSteps", isSignal: true, isRequired: false, transformFunction: null }, horizontalLayout: { classPropertyName: "horizontalLayout", publicName: "horizontalLayout", isSignal: true, isRequired: false, transformFunction: null }, showDecIncButtons: { classPropertyName: "showDecIncButtons", publicName: "showDecIncButtons", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, readonlyConditions: { classPropertyName: "readonlyConditions", publicName: "readonlyConditions", isSignal: true, isRequired: false, transformFunction: null }, deleteAriaLabel: { classPropertyName: "deleteAriaLabel", publicName: "deleteAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, addAriaLabel: { classPropertyName: "addAriaLabel", publicName: "addAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, statusAriaLabel: { classPropertyName: "statusAriaLabel", publicName: "statusAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, useAliasForStepValues: { classPropertyName: "useAliasForStepValues", publicName: "useAliasForStepValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thresholdSteps: "thresholdStepsChange", validChange: "validChange" }, host: { properties: { "class.add-remove": "canAddRemoveSteps()", "class.horizontal": "horizontalLayout()", "class.dec-inc-buttons": "showDecIncButtons()" } }, viewQueries: [{ propertyName: "numberInputs", predicate: SiNumberInputComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{--direction-main: column;--direction-option: row;--direction-value: row;--input-width: calc(var(--input-base-width, 90px) + var(--buttons-width, 0px))}:host.horizontal{--direction-main: row;--direction-option: column;--direction-value: column-reverse;--value-margin: -24px;padding-inline:calc(var(--value-margin) * -1)}:host.dec-inc-buttons{--buttons-width: 48px}:host,.ths-step{display:flex;flex-direction:var(--direction-main)}.ths-option{flex-direction:var(--direction-option);min-inline-size:var(--option-width, 160px)}.ths-value{flex-direction:var(--direction-value);margin-inline:var(--value-margin)}si-select{border-radius:var(--element-button-radius);overflow:hidden}.form-control{inline-size:var(--input-width);block-size:calc(1rem + 16px);position:relative;z-index:1}.line{align-self:stretch;flex-basis:16px;display:flex;flex-direction:var(--direction-main);align-items:center;color:var(--element-ui-2);gap:4px}.segment{flex:1;border:1px solid currentColor}.dot{inline-size:6px;block-size:6px;border:1px solid var(--element-ui-2);border-radius:50%}.startend{inline-size:calc(var(--input-width) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiNumberInputComponent, selector: "si-number-input", inputs: ["min", "max", "step", "value", "unit", "showButtons", "aria-label", "inputId", "disabled", "readonly", "placeholder", "errormessageId"], outputs: ["valueChange"] }, { kind: "component", type: SiSelectComponent, selector: "si-select", inputs: ["id", "ariaLabel", "labelledby", "filterPlaceholder", "noResultsFoundLabel", "placeholder", "readonly", "errormessageId", "hasFilter"], outputs: ["openChange"] }, { kind: "directive", type: SiSelectSingleValueDirective, selector: "si-select:not([multi])" }, { kind: "directive", type: SiSelectSimpleOptionsDirective, selector: "si-select[options]", inputs: ["options", "optionEqualCheckFn"] }, { kind: "component", type: SiReadonlyThresholdOptionComponent, selector: "si-readonly-threshold-option", inputs: ["value", "options"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiThresholdComponent, isStandalone: true, selector: "si-threshold", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, thresholdSteps: { classPropertyName: "thresholdSteps", publicName: "thresholdSteps", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, minValue: { classPropertyName: "minValue", publicName: "minValue", isSignal: true, isRequired: false, transformFunction: null }, maxValue: { classPropertyName: "maxValue", publicName: "maxValue", isSignal: true, isRequired: false, transformFunction: null }, stepSize: { classPropertyName: "stepSize", publicName: "stepSize", isSignal: true, isRequired: false, transformFunction: null }, maxSteps: { classPropertyName: "maxSteps", publicName: "maxSteps", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, canAddRemoveSteps: { classPropertyName: "canAddRemoveSteps", publicName: "canAddRemoveSteps", isSignal: true, isRequired: false, transformFunction: null }, horizontalLayout: { classPropertyName: "horizontalLayout", publicName: "horizontalLayout", isSignal: true, isRequired: false, transformFunction: null }, showDecIncButtons: { classPropertyName: "showDecIncButtons", publicName: "showDecIncButtons", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, readonlyConditions: { classPropertyName: "readonlyConditions", publicName: "readonlyConditions", isSignal: true, isRequired: false, transformFunction: null }, deleteAriaLabel: { classPropertyName: "deleteAriaLabel", publicName: "deleteAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, addAriaLabel: { classPropertyName: "addAriaLabel", publicName: "addAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, statusAriaLabel: { classPropertyName: "statusAriaLabel", publicName: "statusAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, useAliasForStepValues: { classPropertyName: "useAliasForStepValues", publicName: "useAliasForStepValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thresholdSteps: "thresholdStepsChange", validChange: "validChange" }, host: { properties: { "class.add-remove": "canAddRemoveSteps()", "class.horizontal": "horizontalLayout()", "class.dec-inc-buttons": "showDecIncButtons()" } }, viewQueries: [{ propertyName: "numberInputs", predicate: SiNumberInputComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-tertiary-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{--direction-main: column;--direction-option: row;--direction-value: row;--input-width: calc(var(--input-base-width, 90px) + var(--buttons-width, 0px))}:host.horizontal{--direction-main: row;--direction-option: column;--direction-value: column-reverse;--value-margin: -24px;padding-inline:calc(var(--value-margin) * -1)}:host.dec-inc-buttons{--buttons-width: 48px}:host,.ths-step{display:flex;flex-direction:var(--direction-main)}.ths-option{flex-direction:var(--direction-option);min-inline-size:var(--option-width, 160px)}.ths-value{flex-direction:var(--direction-value);margin-inline:var(--value-margin)}si-select{border-radius:var(--element-button-radius);overflow:hidden}.form-control{inline-size:var(--input-width);block-size:calc(1rem + 16px);position:relative;z-index:1}.line{align-self:stretch;flex-basis:16px;display:flex;flex-direction:var(--direction-main);align-items:center;color:var(--element-ui-2);gap:4px}.segment{flex:1;border:1px solid currentColor}.dot{inline-size:6px;block-size:6px;border:1px solid var(--element-ui-2);border-radius:50%}.startend{inline-size:calc(var(--input-width) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiNumberInputComponent, selector: "si-number-input", inputs: ["min", "max", "step", "value", "unit", "showButtons", "aria-label", "inputId", "disabled", "readonly", "placeholder", "errormessageId"], outputs: ["valueChange"] }, { kind: "component", type: SiSelectComponent, selector: "si-select", inputs: ["id", "ariaLabel", "labelledby", "filterPlaceholder", "noResultsFoundLabel", "placeholder", "readonly", "errormessageId", "hasFilter"], outputs: ["openChange"] }, { kind: "directive", type: SiSelectSingleValueDirective, selector: "si-select:not([multi])" }, { kind: "directive", type: SiSelectSimpleOptionsDirective, selector: "si-select[options]", inputs: ["options", "optionEqualCheckFn"] }, { kind: "component", type: SiReadonlyThresholdOptionComponent, selector: "si-readonly-threshold-option", inputs: ["value", "options"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiThresholdComponent, decorators: [{
             type: Component,
@@ -268,7 +268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[class.add-remove]': 'canAddRemoveSteps()',
                         '[class.horizontal]': 'horizontalLayout()',
                         '[class.dec-inc-buttons]': 'showDecIncButtons()'
-                    }, template: "@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{--direction-main: column;--direction-option: row;--direction-value: row;--input-width: calc(var(--input-base-width, 90px) + var(--buttons-width, 0px))}:host.horizontal{--direction-main: row;--direction-option: column;--direction-value: column-reverse;--value-margin: -24px;padding-inline:calc(var(--value-margin) * -1)}:host.dec-inc-buttons{--buttons-width: 48px}:host,.ths-step{display:flex;flex-direction:var(--direction-main)}.ths-option{flex-direction:var(--direction-option);min-inline-size:var(--option-width, 160px)}.ths-value{flex-direction:var(--direction-value);margin-inline:var(--value-margin)}si-select{border-radius:var(--element-button-radius);overflow:hidden}.form-control{inline-size:var(--input-width);block-size:calc(1rem + 16px);position:relative;z-index:1}.line{align-self:stretch;flex-basis:16px;display:flex;flex-direction:var(--direction-main);align-items:center;color:var(--element-ui-2);gap:4px}.segment{flex:1;border:1px solid currentColor}.dot{inline-size:6px;block-size:6px;border:1px solid var(--element-ui-2);border-radius:50%}.startend{inline-size:calc(var(--input-width) / 2)}\n"] }]
+                    }, template: "@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-tertiary-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{--direction-main: column;--direction-option: row;--direction-value: row;--input-width: calc(var(--input-base-width, 90px) + var(--buttons-width, 0px))}:host.horizontal{--direction-main: row;--direction-option: column;--direction-value: column-reverse;--value-margin: -24px;padding-inline:calc(var(--value-margin) * -1)}:host.dec-inc-buttons{--buttons-width: 48px}:host,.ths-step{display:flex;flex-direction:var(--direction-main)}.ths-option{flex-direction:var(--direction-option);min-inline-size:var(--option-width, 160px)}.ths-value{flex-direction:var(--direction-value);margin-inline:var(--value-margin)}si-select{border-radius:var(--element-button-radius);overflow:hidden}.form-control{inline-size:var(--input-width);block-size:calc(1rem + 16px);position:relative;z-index:1}.line{align-self:stretch;flex-basis:16px;display:flex;flex-direction:var(--direction-main);align-items:center;color:var(--element-ui-2);gap:4px}.segment{flex:1;border:1px solid currentColor}.dot{inline-size:6px;block-size:6px;border:1px solid var(--element-ui-2);border-radius:50%}.startend{inline-size:calc(var(--input-width) / 2)}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], thresholdSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "thresholdSteps", required: false }] }, { type: i0.Output, args: ["thresholdStepsChange"] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], minValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "minValue", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], stepSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepSize", required: false }] }], maxSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSteps", required: false }] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], canAddRemoveSteps: [{ type: i0.Input, args: [{ isSignal: true, alias: "canAddRemoveSteps", required: false }] }], horizontalLayout: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalLayout", required: false }] }], showDecIncButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDecIncButtons", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], readonlyConditions: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonlyConditions", required: false }] }], deleteAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteAriaLabel", required: false }] }], addAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addAriaLabel", required: false }] }], inputAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAriaLabel", required: false }] }], statusAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusAriaLabel", required: false }] }], useAliasForStepValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "useAliasForStepValues", required: false }] }], validChange: [{ type: i0.Output, args: ["validChange"] }], numberInputs: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => SiNumberInputComponent), { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-threshold.mjs","sources":["../../../../projects/element-ng/threshold/si-readonly-threshold-option.component.ts","../../../../projects/element-ng/threshold/si-threshold.component.ts","../../../../projects/element-ng/threshold/si-threshold.component.html","../../../../projects/element-ng/threshold/si-threshold.module.ts","../../../../projects/element-ng/threshold/index.ts","../../../../projects/element-ng/threshold/siemens-element-ng-threshold.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SelectOption } from '@siemens/element-ng/select';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-readonly-threshold-option',\n  imports: [SiTranslatePipe, SiIconComponent],\n  template: `@let opt = option();\n    @if (opt && opt.icon) {\n      <i class=\"icon-stack\">\n        <si-icon class=\"icon me-2\" [class]=\"color()\" [icon]=\"opt.icon\" />\n        @if (opt.stackedIcon) {\n          <si-icon class=\"icon me-2\" [class]=\"opt.stackedIconColor\" [icon]=\"opt.stackedIcon\" />\n        }\n      </i>\n    }\n    <span class=\"text-truncate\">{{ label() | translate }}</span>`,\n  styleUrl: './si-readonly-threshold-option.component.scss',\n  host: { class: 'd-flex align-items-center py-2 my-4 px-4 si-h5' }\n})\nexport class SiReadonlyThresholdOptionComponent {\n  readonly value = input.required<string>();\n  readonly options = input.required<SelectOption<unknown>[]>();\n\n  protected readonly option = computed(() => {\n    const options = this.options();\n    const value = this.value();\n    if (value && options) {\n      return options.find(opt => opt.value === value);\n    }\n    return undefined;\n  });\n\n  protected readonly color = computed(() => {\n    const option = this.option();\n    return !option || option.disabled ? undefined : option.iconColor;\n  });\n\n  protected readonly label = computed(() => this.option()?.label);\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  input,\n  model,\n  OnChanges,\n  output,\n  viewChildren\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { elementDelete, elementPlus } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiNumberInputComponent } from '@siemens/element-ng/number-input';\nimport {\n  SelectOption,\n  SiSelectComponent,\n  SiSelectSimpleOptionsDirective,\n  SiSelectSingleValueDirective\n} from '@siemens/element-ng/select';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiReadonlyThresholdOptionComponent } from './si-readonly-threshold-option.component';\n\n/**\n * One step in a list of thresholds\n */\nexport interface ThresholdStep {\n  /** Threshold value, the first step has no value */\n  value?: number;\n  /** One of the `SelectOption.id` */\n  optionValue: string;\n  /** When set to `false`, input fields are highlighted as invalid */\n  valid?: boolean;\n  /** Optional alias label for the threshold step, used when `useAliasForStepValues` is `true` */\n  aliasLabel?: TranslatableString;\n}\n\n@Component({\n  selector: 'si-threshold',\n  imports: [\n    FormsModule,\n    NgTemplateOutlet,\n    SiIconComponent,\n    SiNumberInputComponent,\n    SiSelectComponent,\n    SiSelectSingleValueDirective,\n    SiSelectSimpleOptionsDirective,\n    SiTranslatePipe,\n    SiReadonlyThresholdOptionComponent\n  ],\n  templateUrl: './si-threshold.component.html',\n  styleUrl: './si-threshold.component.scss',\n  host: {\n    '[class.add-remove]': 'canAddRemoveSteps()',\n    '[class.horizontal]': 'horizontalLayout()',\n    '[class.dec-inc-buttons]': 'showDecIncButtons()'\n  }\n})\nexport class SiThresholdComponent implements OnChanges {\n  /**\n   * Options to be shown in select dropdown\n   *\n   * @defaultValue []\n   */\n  readonly options = input<SelectOption<unknown>[]>([]);\n  /**\n   * The thresholds\n   *\n   * @defaultValue []\n   */\n  readonly thresholdSteps = model<ThresholdStep[]>([]);\n  /**\n   * The unit to show\n   *\n   * @defaultValue ''\n   */\n  readonly unit = input('');\n  /**\n   * The min. value for the threshold value\n   *\n   * @defaultValue 0\n   */\n  readonly minValue = input(0);\n  /**\n   * The max. value for the threshold value\n   *\n   * @defaultValue 100\n   */\n  readonly maxValue = input(100);\n  /**\n   * The step size for the threshold value\n   *\n   * @defaultValue 1\n   */\n  readonly stepSize = input(1);\n  /**\n   * Max. number of steps, 0 for no hard limit\n   *\n   * @defaultValue 0\n   */\n  readonly maxSteps = input(0);\n  /**\n   * Do validation?\n   *\n   * @defaultValue true\n   */\n  readonly validation = input(true, { transform: booleanAttribute });\n  /**\n   * When disabled, steps cannot be added/removed\n   *\n   * @defaultValue true\n   */\n  readonly canAddRemoveSteps = input(true, { transform: booleanAttribute });\n  /**\n   * Use horizontal layout?\n   *\n   * @defaultValue false\n   */\n  readonly horizontalLayout = input(false, { transform: booleanAttribute });\n  /**\n   * Show dec/inc buttons?\n   *\n   * @defaultValue true\n   */\n  readonly showDecIncButtons = input(true, { transform: booleanAttribute });\n  /**\n   * The obvious\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Indicate that the threshold options are readonly and cannot be changed. This will also disable adding / removing steps.\n   *\n   * @defaultValue false\n   */\n  readonly readonlyConditions = input(false, { transform: booleanAttribute });\n  /**\n   * The aria-label for delete button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`)\n   * ```\n   */\n  readonly deleteAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`));\n  /**\n   * The aria-label for add button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`)\n   * ```\n   */\n  readonly addAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`));\n  /**\n   * The aria-label for input field\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`)\n   * ```\n   */\n  readonly inputAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`));\n  /**\n   * The aria-label for status selection\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`)\n   * ```\n   */\n  readonly statusAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`));\n\n  /**\n   * When enabled, numeric step inputs are replaced with readonly text fields displaying the `aliasLabel` of each step.\n   * Add/remove step buttons are also hidden.\n   *\n   * @defaultValue false\n   */\n  readonly useAliasForStepValues = input(false, { transform: booleanAttribute });\n\n  /** Fired when validation status changes */\n  readonly validChange = output<boolean>();\n\n  protected readonly colors = computed(() => {\n    const colorMap = new Map<unknown, string>();\n    for (const opt of this.options()) {\n      colorMap.set(opt.value, opt.iconColor ?? '');\n    }\n    return this.thresholdSteps().map(ths => colorMap.get(ths.optionValue) ?? '');\n  });\n\n  protected readonly icons = addIcons({ elementDelete, elementPlus });\n  private _valid = true;\n  /**\n   * Whether the current input value is valid or not.\n   */\n  get valid(): boolean {\n    return this._valid;\n  }\n\n  private readonly numberInputs = viewChildren(SiNumberInputComponent);\n\n  protected readonly showAddRemoveButtons = computed(\n    () =>\n      !this.useAliasForStepValues() &&\n      this.canAddRemoveSteps() &&\n      !this.readonly() &&\n      !this.readonlyConditions()\n  );\n\n  ngOnChanges(): void {\n    this.validate();\n  }\n\n  protected deleteStep(index: number): void {\n    const updated = [...this.thresholdSteps()];\n    updated.splice(index, 1);\n    this.thresholdSteps.set(updated);\n    this.validate();\n  }\n\n  protected addStep(index: number): void {\n    const newStep: ThresholdStep = { ...this.thresholdSteps()[index], value: undefined };\n    const updated = [...this.thresholdSteps()];\n    updated.splice(index + 1, 0, newStep);\n    this.thresholdSteps.set(updated);\n    this.validate();\n    setTimeout(() => this.numberInputs()[index].inputElement().nativeElement.focus());\n  }\n\n  protected stepChange(): void {\n    this.thresholdSteps.set([...this.thresholdSteps()]);\n    this.validate();\n  }\n\n  private validate(): void {\n    const prevValid = this.valid;\n    this._valid = true;\n    for (let i = 1; i < this.thresholdSteps().length; i++) {\n      const step = this.thresholdSteps()[i];\n\n      if (this.validation()) {\n        const prev = this.thresholdSteps()[i - 1];\n        const next = this.thresholdSteps()[i + 1];\n\n        // valid: withing min/max, each step is lower than next step with step size between\n        step.valid =\n          step.value != null &&\n          step.value >= this.minValue() &&\n          step.value <= this.maxValue() &&\n          (prev.value == null || step.value - this.stepSize() >= prev.value) &&\n          (next?.value == null || step.value + this.stepSize() <= next.value);\n        this._valid &&= step.valid;\n      } else {\n        step.valid = true;\n      }\n    }\n    if (this.valid !== prevValid) {\n      this.validChange.emit(this.valid);\n    }\n  }\n}\n","@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiThresholdComponent } from './si-threshold.component';\n\n@NgModule({\n  imports: [SiThresholdComponent],\n  exports: [SiThresholdComponent]\n})\nexport class SiThresholdModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-threshold.component';\nexport * from './si-threshold.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;AAGG;MAsBU,kCAAkC,CAAA;AACpC,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAU;AAChC,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,kDAA2B;AAEzC,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,IAAI,KAAK,IAAI,OAAO,EAAE;AACpB,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;QACjD;AACA,QAAA,OAAO,SAAS;AAClB,IAAA,CAAC,kDAAC;AAEiB,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC,SAAS;AAClE,IAAA,CAAC,iDAAC;AAEiB,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,iDAAC;uGAlBpD,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gDAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbnC,CAAA;;;;;;;;;iEASqD,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAVpC,eAAe,iEAAhC,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAcd,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAhB9C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,WAC/B,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,QAAA,EACjC,CAAA;;;;;;;;;AASqD,gEAAA,CAAA,EAAA,IAAA,EAEzD,EAAE,KAAK,EAAE,gDAAgD,EAAE,EAAA,MAAA,EAAA,CAAA,0BAAA,CAAA,EAAA;;;ACvBnE;;;AAGG;MA6DU,oBAAoB,CAAA;AAC/B;;;;AAIG;AACM,IAAA,OAAO,GAAG,KAAK,CAA0B,EAAE,mDAAC;AACrD;;;;AAIG;AACM,IAAA,cAAc,GAAG,KAAK,CAAkB,EAAE,0DAAC;AACpD;;;;AAIG;AACM,IAAA,IAAI,GAAG,KAAK,CAAC,EAAE,gDAAC;AACzB;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,oDAAC;AAC5B;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,oDAAC;AAC9B;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,oDAAC;AAC5B;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,oDAAC;AAC5B;;;;AAIG;IACM,UAAU,GAAG,KAAK,CAAC,IAAI,uDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAClE;;;;AAIG;IACM,iBAAiB,GAAG,KAAK,CAAC,IAAI,8DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACzE;;;;AAIG;IACM,gBAAgB,GAAG,KAAK,CAAC,KAAK,6DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACzE;;;;AAIG;IACM,iBAAiB,GAAG,KAAK,CAAC,IAAI,8DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACzE;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE;;;;AAIG;IACM,kBAAkB,GAAG,KAAK,CAAC,KAAK,+DAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC3E;;;;;;;AAOG;AACM,IAAA,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,kCAAA,CAAoC,CAAC,2DAAC;AACxF;;;;;;;AAOG;AACM,IAAA,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,4BAAA,CAA8B,CAAC,wDAAC;AAC/E;;;;;;;AAOG;AACM,IAAA,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,2CAAA,CAA6C,CAAC,0DAAC;AAChG;;;;;;;AAOG;AACM,IAAA,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,6BAAA,CAA+B,CAAC,2DAAC;AAEnF;;;;;AAKG;IACM,qBAAqB,GAAG,KAAK,CAAC,KAAK,kEAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;IAGrE,WAAW,GAAG,MAAM,EAAW;AAErB,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAmB;QAC3C,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAChC,YAAA,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC;QAC9C;QACA,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AAC9E,IAAA,CAAC,kDAAC;IAEiB,KAAK,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;IAC3D,MAAM,GAAG,IAAI;AACrB;;AAEG;AACH,IAAA,IAAI,KAAK,GAAA;QACP,OAAO,IAAI,CAAC,MAAM;IACpB;AAEiB,IAAA,YAAY,GAAG,YAAY,CAAC,sBAAsB,wDAAC;IAEjD,oBAAoB,GAAG,QAAQ,CAChD,MACE,CAAC,IAAI,CAAC,qBAAqB,EAAE;QAC7B,IAAI,CAAC,iBAAiB,EAAE;QACxB,CAAC,IAAI,CAAC,QAAQ,EAAE;AAChB,QAAA,CAAC,IAAI,CAAC,kBAAkB,EAAE,gEAC7B;IAED,WAAW,GAAA;QACT,IAAI,CAAC,QAAQ,EAAE;IACjB;AAEU,IAAA,UAAU,CAAC,KAAa,EAAA;QAChC,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;AAC1C,QAAA,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACxB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,QAAQ,EAAE;IACjB;AAEU,IAAA,OAAO,CAAC,KAAa,EAAA;AAC7B,QAAA,MAAM,OAAO,GAAkB,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE;QACpF,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;AACrC,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,QAAQ,EAAE;QACf,UAAU,CAAC,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IACnF;IAEU,UAAU,GAAA;AAClB,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QACnD,IAAI,CAAC,QAAQ,EAAE;IACjB;IAEQ,QAAQ,GAAA;AACd,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;AAC5B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;AAClB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;AAErC,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;gBACrB,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;gBACzC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;;AAGzC,gBAAA,IAAI,CAAC,KAAK;oBACR,IAAI,CAAC,KAAK,IAAI,IAAI;AAClB,wBAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,wBAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;AAC7B,yBAAC,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC;AAClE,yBAAC,IAAI,EAAE,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC;AACrE,gBAAA,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK;YAC5B;iBAAO;AACL,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI;YACnB;QACF;AACA,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;YAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACnC;IACF;uGA5MW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAgJc,sBAAsB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChNrE,siHAwGA,spCD1DI,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,eAAe,sEACf,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,WAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,4BAA4B,mEAC5B,8BAA8B,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAE9B,kCAAkC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EADlC,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAWN,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBArBhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,OAAA,EACf;wBACP,WAAW;wBACX,gBAAgB;wBAChB,eAAe;wBACf,sBAAsB;wBACtB,iBAAiB;wBACjB,4BAA4B;wBAC5B,8BAA8B;wBAC9B,eAAe;wBACf;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,oBAAoB,EAAE,qBAAqB;AAC3C,wBAAA,oBAAoB,EAAE,oBAAoB;AAC1C,wBAAA,yBAAyB,EAAE;AAC5B,qBAAA,EAAA,QAAA,EAAA,siHAAA,EAAA,MAAA,EAAA,CAAA,+lCAAA,CAAA,EAAA;yiEAkJ4C,sBAAsB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEhNrE;;;AAGG;MASU,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAjB,iBAAiB,EAAA,OAAA,EAAA,CAHlB,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACpB,oBAAoB,CAAA,EAAA,CAAA;AAEnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAHlB,oBAAoB,CAAA,EAAA,CAAA;;2FAGnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,oBAAoB;AAC/B,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-threshold.mjs","sources":["../../../../projects/element-ng/threshold/si-readonly-threshold-option.component.ts","../../../../projects/element-ng/threshold/si-threshold.component.ts","../../../../projects/element-ng/threshold/si-threshold.component.html","../../../../projects/element-ng/threshold/si-threshold.module.ts","../../../../projects/element-ng/threshold/index.ts","../../../../projects/element-ng/threshold/siemens-element-ng-threshold.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SelectOption } from '@siemens/element-ng/select';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-readonly-threshold-option',\n  imports: [SiTranslatePipe, SiIconComponent],\n  template: `@let opt = option();\n    @if (opt && opt.icon) {\n      <i class=\"icon-stack\">\n        <si-icon class=\"icon me-2\" [class]=\"color()\" [icon]=\"opt.icon\" />\n        @if (opt.stackedIcon) {\n          <si-icon class=\"icon me-2\" [class]=\"opt.stackedIconColor\" [icon]=\"opt.stackedIcon\" />\n        }\n      </i>\n    }\n    <span class=\"text-truncate\">{{ label() | translate }}</span>`,\n  styleUrl: './si-readonly-threshold-option.component.scss',\n  host: { class: 'd-flex align-items-center py-2 my-4 px-4 si-h5' }\n})\nexport class SiReadonlyThresholdOptionComponent {\n  readonly value = input.required<string>();\n  readonly options = input.required<SelectOption<unknown>[]>();\n\n  protected readonly option = computed(() => {\n    const options = this.options();\n    const value = this.value();\n    if (value && options) {\n      return options.find(opt => opt.value === value);\n    }\n    return undefined;\n  });\n\n  protected readonly color = computed(() => {\n    const option = this.option();\n    return !option || option.disabled ? undefined : option.iconColor;\n  });\n\n  protected readonly label = computed(() => this.option()?.label);\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  input,\n  model,\n  OnChanges,\n  output,\n  viewChildren\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { elementDelete, elementPlus } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiNumberInputComponent } from '@siemens/element-ng/number-input';\nimport {\n  SelectOption,\n  SiSelectComponent,\n  SiSelectSimpleOptionsDirective,\n  SiSelectSingleValueDirective\n} from '@siemens/element-ng/select';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiReadonlyThresholdOptionComponent } from './si-readonly-threshold-option.component';\n\n/**\n * One step in a list of thresholds\n */\nexport interface ThresholdStep {\n  /** Threshold value, the first step has no value */\n  value?: number;\n  /** One of the `SelectOption.id` */\n  optionValue: string;\n  /** When set to `false`, input fields are highlighted as invalid */\n  valid?: boolean;\n  /** Optional alias label for the threshold step, used when `useAliasForStepValues` is `true` */\n  aliasLabel?: TranslatableString;\n}\n\n@Component({\n  selector: 'si-threshold',\n  imports: [\n    FormsModule,\n    NgTemplateOutlet,\n    SiIconComponent,\n    SiNumberInputComponent,\n    SiSelectComponent,\n    SiSelectSingleValueDirective,\n    SiSelectSimpleOptionsDirective,\n    SiTranslatePipe,\n    SiReadonlyThresholdOptionComponent\n  ],\n  templateUrl: './si-threshold.component.html',\n  styleUrl: './si-threshold.component.scss',\n  host: {\n    '[class.add-remove]': 'canAddRemoveSteps()',\n    '[class.horizontal]': 'horizontalLayout()',\n    '[class.dec-inc-buttons]': 'showDecIncButtons()'\n  }\n})\nexport class SiThresholdComponent implements OnChanges {\n  /**\n   * Options to be shown in select dropdown\n   *\n   * @defaultValue []\n   */\n  readonly options = input<SelectOption<unknown>[]>([]);\n  /**\n   * The thresholds\n   *\n   * @defaultValue []\n   */\n  readonly thresholdSteps = model<ThresholdStep[]>([]);\n  /**\n   * The unit to show\n   *\n   * @defaultValue ''\n   */\n  readonly unit = input('');\n  /**\n   * The min. value for the threshold value\n   *\n   * @defaultValue 0\n   */\n  readonly minValue = input(0);\n  /**\n   * The max. value for the threshold value\n   *\n   * @defaultValue 100\n   */\n  readonly maxValue = input(100);\n  /**\n   * The step size for the threshold value\n   *\n   * @defaultValue 1\n   */\n  readonly stepSize = input(1);\n  /**\n   * Max. number of steps, 0 for no hard limit\n   *\n   * @defaultValue 0\n   */\n  readonly maxSteps = input(0);\n  /**\n   * Do validation?\n   *\n   * @defaultValue true\n   */\n  readonly validation = input(true, { transform: booleanAttribute });\n  /**\n   * When disabled, steps cannot be added/removed\n   *\n   * @defaultValue true\n   */\n  readonly canAddRemoveSteps = input(true, { transform: booleanAttribute });\n  /**\n   * Use horizontal layout?\n   *\n   * @defaultValue false\n   */\n  readonly horizontalLayout = input(false, { transform: booleanAttribute });\n  /**\n   * Show dec/inc buttons?\n   *\n   * @defaultValue true\n   */\n  readonly showDecIncButtons = input(true, { transform: booleanAttribute });\n  /**\n   * The obvious\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /**\n   * Indicate that the threshold options are readonly and cannot be changed. This will also disable adding / removing steps.\n   *\n   * @defaultValue false\n   */\n  readonly readonlyConditions = input(false, { transform: booleanAttribute });\n  /**\n   * The aria-label for delete button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`)\n   * ```\n   */\n  readonly deleteAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`));\n  /**\n   * The aria-label for add button\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`)\n   * ```\n   */\n  readonly addAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`));\n  /**\n   * The aria-label for input field\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`)\n   * ```\n   */\n  readonly inputAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`));\n  /**\n   * The aria-label for status selection\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`)\n   * ```\n   */\n  readonly statusAriaLabel = input(t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`));\n\n  /**\n   * When enabled, numeric step inputs are replaced with readonly text fields displaying the `aliasLabel` of each step.\n   * Add/remove step buttons are also hidden.\n   *\n   * @defaultValue false\n   */\n  readonly useAliasForStepValues = input(false, { transform: booleanAttribute });\n\n  /** Fired when validation status changes */\n  readonly validChange = output<boolean>();\n\n  protected readonly colors = computed(() => {\n    const colorMap = new Map<unknown, string>();\n    for (const opt of this.options()) {\n      colorMap.set(opt.value, opt.iconColor ?? '');\n    }\n    return this.thresholdSteps().map(ths => colorMap.get(ths.optionValue) ?? '');\n  });\n\n  protected readonly icons = addIcons({ elementDelete, elementPlus });\n  private _valid = true;\n  /**\n   * Whether the current input value is valid or not.\n   */\n  get valid(): boolean {\n    return this._valid;\n  }\n\n  private readonly numberInputs = viewChildren(SiNumberInputComponent);\n\n  protected readonly showAddRemoveButtons = computed(\n    () =>\n      !this.useAliasForStepValues() &&\n      this.canAddRemoveSteps() &&\n      !this.readonly() &&\n      !this.readonlyConditions()\n  );\n\n  ngOnChanges(): void {\n    this.validate();\n  }\n\n  protected deleteStep(index: number): void {\n    const updated = [...this.thresholdSteps()];\n    updated.splice(index, 1);\n    this.thresholdSteps.set(updated);\n    this.validate();\n  }\n\n  protected addStep(index: number): void {\n    const newStep: ThresholdStep = { ...this.thresholdSteps()[index], value: undefined };\n    const updated = [...this.thresholdSteps()];\n    updated.splice(index + 1, 0, newStep);\n    this.thresholdSteps.set(updated);\n    this.validate();\n    setTimeout(() => this.numberInputs()[index].inputElement().nativeElement.focus());\n  }\n\n  protected stepChange(): void {\n    this.thresholdSteps.set([...this.thresholdSteps()]);\n    this.validate();\n  }\n\n  private validate(): void {\n    const prevValid = this.valid;\n    this._valid = true;\n    for (let i = 1; i < this.thresholdSteps().length; i++) {\n      const step = this.thresholdSteps()[i];\n\n      if (this.validation()) {\n        const prev = this.thresholdSteps()[i - 1];\n        const next = this.thresholdSteps()[i + 1];\n\n        // valid: withing min/max, each step is lower than next step with step size between\n        step.valid =\n          step.value != null &&\n          step.value >= this.minValue() &&\n          step.value <= this.maxValue() &&\n          (prev.value == null || step.value - this.stepSize() >= prev.value) &&\n          (next?.value == null || step.value + this.stepSize() <= next.value);\n        this._valid &&= step.valid;\n      } else {\n        step.valid = true;\n      }\n    }\n    if (this.valid !== prevValid) {\n      this.validChange.emit(this.valid);\n    }\n  }\n}\n","@for (step of thresholdSteps(); track step) {\n  <div class=\"ths-step\">\n    @if (!$first) {\n      <div class=\"ths-value d-flex align-items-center\">\n        @if (showAddRemoveButtons()) {\n          <button\n            type=\"button\"\n            class=\"btn btn-circle btn-tertiary-ghost m-4\"\n            [attr.aria-label]=\"deleteAriaLabel() | translate\"\n            (click)=\"deleteStep($index)\"\n          >\n            <si-icon [icon]=\"icons.elementDelete\" />\n          </button>\n        } @else {\n          <div class=\"py-4 my-4\">&#8203;</div>\n        }\n        <div class=\"line\">\n          <div class=\"segment\" [class]=\"colors()[$index - 1]\"></div>\n          <div class=\"dot\"></div>\n          <div class=\"segment\" [class]=\"colors()[$index]\"></div>\n        </div>\n        <div class=\"d-flex align-items-center text-nowrap m-4\">\n          @if (useAliasForStepValues()) {\n            <input\n              type=\"text\"\n              readonly\n              class=\"form-control\"\n              [value]=\"step.aliasLabel ?? '' | translate\"\n            />\n          } @else {\n            <si-number-input\n              #valueInput=\"ngModel\"\n              class=\"form-control text-end\"\n              [class.is-invalid]=\"step.valid === false\"\n              [aria-label]=\"inputAriaLabel() | translate\"\n              [readonly]=\"readonly()\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [min]=\"minValue()\"\n              [max]=\"maxValue()\"\n              [step]=\"stepSize()\"\n              [unit]=\"unit()\"\n              [showButtons]=\"showDecIncButtons()\"\n              [required]=\"true\"\n              [(ngModel)]=\"step.value\"\n              (ngModelChange)=\"stepChange()\"\n            />\n          }\n        </div>\n      </div>\n    }\n    @if ($first && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n    <div class=\"ths-option d-flex align-items-center\">\n      @if (showAddRemoveButtons()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-secondary m-4\"\n          [disabled]=\"maxSteps() && $count >= maxSteps()\"\n          [attr.aria-label]=\"addAriaLabel() | translate\"\n          (click)=\"addStep($index)\"\n        >\n          <si-icon [icon]=\"icons.elementPlus\" />\n        </button>\n      } @else {\n        <div class=\"py-4 my-4\">&#8203;</div>\n      }\n      <div class=\"line\" [class]=\"colors()[$index]\">\n        <div class=\"segment\"></div>\n      </div>\n      @if (!readonly() && !readonlyConditions()) {\n        <si-select\n          class=\"my-4\"\n          [ariaLabel]=\"statusAriaLabel() | translate\"\n          [readonly]=\"readonly()\"\n          [options]=\"options()\"\n          [(value)]=\"step.optionValue\"\n          (valueChange)=\"stepChange()\"\n        />\n      }\n      @if (readonly() || readonlyConditions()) {\n        <si-readonly-threshold-option [options]=\"options()\" [value]=\"step.optionValue\" />\n      }\n    </div>\n    @if ($last && horizontalLayout()) {\n      <ng-container\n        [ngTemplateOutlet]=\"startend\"\n        [ngTemplateOutletContext]=\"{ color: colors()[$index] }\"\n      />\n    }\n  </div>\n}\n\n<ng-template #startend let-color=\"color\">\n  <div class=\"ths-value d-flex align-items-center startend\">\n    <div class=\"py-4 my-4\">&#8203;</div>\n    <div class=\"line\">\n      <div class=\"segment\" [class]=\"color\"></div>\n    </div>\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiThresholdComponent } from './si-threshold.component';\n\n@NgModule({\n  imports: [SiThresholdComponent],\n  exports: [SiThresholdComponent]\n})\nexport class SiThresholdModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-threshold.component';\nexport * from './si-threshold.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-toast-notification.mjs

@@ -51,11 +51,11 @@ class SiToastNotificationComponent {
         this.toast().close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiToastNotificationComponent, isStandalone: true, selector: "si-toast-notification", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiToastNotificationComponent, isStandalone: true, selector: "si-toast-notification", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { paused: "paused", resumed: "resumed" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0, template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-tertiary-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiStatusIconComponent, selector: "si-status-icon", inputs: ["status"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiToastNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-toast-notification', imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe], template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"] }]
+            args: [{ selector: 'si-toast-notification', imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe], template: "@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-tertiary-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n", styles: [".si-toast-timer-bar,.si-toast.si-toast-auto-close:before{position:absolute;inset-block-end:0;inset-inline-start:0;block-size:2px}:host{display:block}.si-toast{block-size:auto;position:relative;display:flex;align-items:flex-start;color:var(--element-text-primary);background:var(--element-base-3);border-radius:var(--element-radius-2);padding-inline:12px 8px;padding-block:8px;margin-block-end:20px;font-size:1rem;pointer-events:all;overflow:hidden;min-inline-size:250px;max-inline-size:calc(100vw - 40px)}@media(min-width:768px){.si-toast{max-inline-size:400px}}.si-toast.si-toast-auto-close{padding-block-end:10px}.si-toast.si-toast-auto-close:before{content:\"\";background:var(--element-ui-4);inset-inline-end:0}.bar{inset-block-start:0;inset-inline-start:0;position:absolute;inline-size:4px;block-size:100%;background:currentColor}@keyframes si-toast-auto-close-animation{0%{inline-size:100%}to{inline-size:0}}.si-toast-timer-bar{animation:si-toast-auto-close-animation var(--toast-timer-duration, 4s) linear forwards;animation-play-state:var(--play-state, running);background-color:var(--element-ui-0)}.toast-content{flex:1;overflow:hidden;white-space:nowrap}.toast-content p{margin-block:0;line-height:1.125rem;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.toast-content .toast-title{line-height:1.25rem}\n"] }]
         }], propDecorators: { toast: [{ type: i0.Input, args: [{ isSignal: true, alias: "toast", required: true }] }], paused: [{ type: i0.Output, args: ["paused"] }], resumed: [{ type: i0.Output, args: ["resumed"] }], onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']

package/fesm2022/siemens-element-ng-toast-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-toast-notification.mjs","sources":["../../../../projects/element-ng/toast-notification/si-toast.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.html","../../../../projects/element-ng/toast-notification/si-toast-token.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification.service.ts","../../../../projects/element-ng/toast-notification/index.ts","../../../../projects/element-ng/toast-notification/siemens-element-ng-toast-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nexport interface SiToast {\n  state: StatusType;\n  title: TranslatableString;\n  message: TranslatableString;\n  disableManualClose?: boolean;\n  disableAutoClose?: boolean;\n  timeout?: number;\n  action?: Link;\n  close?: () => void;\n  translationParams?: { [key: string]: any };\n  hidden?: Subject<void>;\n  closeAriaLabel?: TranslatableString;\n}\n\nexport const SI_TOAST_AUTO_HIDE_DELAY = 6000;\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, HostListener, inject, input, output, signal } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport {\n  addIcons,\n  SiIconComponent,\n  SiStatusIconComponent,\n  STATUS_ICON_CONFIG\n} from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification',\n  imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe],\n  templateUrl: './si-toast-notification.component.html',\n  styleUrl: './si-toast-notification.component.scss'\n})\nexport class SiToastNotificationComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  readonly toast = input.required<SiToast>();\n\n  private closeAriaLabelDefault = t(() => $localize`:@@SI_TOAST.CLOSE:Close`);\n  protected readonly closeAriaLabel = computed(\n    () => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault\n  );\n  protected readonly icons = addIcons({ elementCancel });\n  protected readonly status = computed(() => {\n    const toast = this.toast();\n    return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';\n  });\n  protected readonly statusColor = computed(() => this.statusIcons[this.status()].color);\n  protected readonly toastTimeoutInSeconds = computed(() => {\n    const toast = this.toast();\n    return toast.timeout ? toast.timeout / 1000 : SI_TOAST_AUTO_HIDE_DELAY / 1000;\n  });\n  protected readonly animationMode = signal('running');\n  readonly paused = output<void>();\n  readonly resumed = output<void>();\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('paused');\n      this.paused.emit();\n    }\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('running');\n      this.resumed.emit();\n    }\n  }\n\n  protected close(): void {\n    this.toast().close!();\n  }\n}\n","@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      tabindex=\"0\"\n      class=\"btn btn-icon btn-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (keydown.enter)=\"close()\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken, Signal } from '@angular/core';\n\nimport { SiToast } from './si-toast.model';\n\nexport interface ToastToken {\n  toasts: Signal<SiToast[]>;\n  pause: (toast: SiToast) => void;\n  resume: (toast: SiToast) => void;\n}\n\nexport const SI_TOAST_TOKEN = new InjectionToken<ToastToken>('SI_TOAST_TOKEN');\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\n\nimport { SiToastNotificationComponent } from '../si-toast-notification/si-toast-notification.component';\nimport { SI_TOAST_TOKEN } from '../si-toast-token.model';\n\n@Component({\n  selector: 'si-toast-notification-drawer',\n  imports: [SiToastNotificationComponent],\n  templateUrl: './si-toast-notification-drawer.component.html',\n  styleUrl: './si-toast-notification-drawer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-live': 'polite',\n    '[class.animations-disabled]': 'animationsDisabled'\n  }\n})\nexport class SiToastNotificationDrawerComponent {\n  protected readonly token = inject(SI_TOAST_TOKEN);\n  protected animationsDisabled = areAnimationsDisabled();\n}\n","@for (toast of token.toasts(); track toast) {\n  <si-toast-notification\n    class=\"position-relative\"\n    animate.enter=\"toast-enter\"\n    animate.leave=\"toast-leave\"\n    [toast]=\"toast\"\n    (paused)=\"token.pause(toast)\"\n    (resumed)=\"token.resume(toast)\"\n  />\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  ComponentRef,\n  inject,\n  Injectable,\n  Injector,\n  OnDestroy,\n  PLATFORM_ID,\n  Provider,\n  signal\n} from '@angular/core';\nimport { isRTL, StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nimport { SiToastNotificationDrawerComponent } from './si-toast-notification-drawer/si-toast-notification-drawer.component';\nimport { SI_TOAST_TOKEN, ToastToken } from './si-toast-token.model';\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from './si-toast.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiToastNotificationService implements OnDestroy {\n  private readonly activeToastsSignal = signal<SiToast[]>([]);\n\n  /** List of currently active toasts to see details or close them.  */\n  get activeToasts(): SiToast[] {\n    return this.activeToastsSignal();\n  }\n\n  private token: ToastToken = {\n    toasts: this.activeToastsSignal,\n    pause: toast => this.pauseToastNotification(toast),\n    resume: toast => this.resumeToastNotification(toast)\n  };\n  private readonly maxToasts = 3;\n\n  private componentRef?: ComponentRef<SiToastNotificationDrawerComponent>;\n  private overlayRef?: OverlayRef;\n\n  private injector = inject(Injector);\n  private overlay = inject(Overlay);\n  private toastTimeoutMap = new Map<SiToast, any>();\n  private toastTimerDefaults = new Map<\n    SiToast,\n    { pendingTimeout: number; initializeTime: number }\n  >();\n\n  constructor() {\n    if (isPlatformBrowser(inject(PLATFORM_ID))) {\n      this.addToastDrawer();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.overlayRef?.dispose();\n    this.componentRef?.destroy();\n  }\n\n  /**\n   * Queue a new toast to be shown.\n   * @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.\n   * @returns the toast object\n   */\n  queueToastNotification(\n    state: StatusType,\n    title: string,\n    message: string,\n    disableAutoClose?: boolean,\n    disableManualClose?: boolean,\n    action?: Link\n  ): SiToast {\n    const toast: SiToast = {\n      state,\n      title,\n      message,\n      disableAutoClose,\n      disableManualClose,\n      action,\n      hidden: new Subject()\n    };\n    return this.showToastNotification(toast);\n  }\n\n  /**\n   * Show a toast notification\n   * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.\n   */\n  showToastNotification(toast: SiToast): SiToast {\n    this.overlayRef?.setDirection(isRTL() ? 'rtl' : 'ltr');\n    toast.timeout ??= SI_TOAST_AUTO_HIDE_DELAY;\n    toast.hidden ??= new Subject();\n    toast.close = () => this.hideToastNotification(toast);\n\n    const toasts = this.activeToastsSignal().concat(toast);\n    this.activeToastsSignal.set(toasts);\n    if (toasts.length > this.maxToasts) {\n      this.hideToastNotification(toasts[0]);\n    }\n    if (!toast.disableAutoClose && toast.timeout) {\n      this.toastTimerDefaults.set(toast, {\n        pendingTimeout: toast.timeout,\n        initializeTime: Date.now()\n      });\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => this.hideToastNotification(toast), toast.timeout)\n      );\n    }\n\n    return toast;\n  }\n\n  /**\n   * Hide a toast notification\n   * @param toast - The toast object of the toast to be hidden, can be retrieved from {@link activeToasts} and is returned by {@link queueToastNotification}.\n   */\n  hideToastNotification(toast?: SiToast): void {\n    const hiddenToasts: SiToast[] = [];\n    const activeToasts: SiToast[] = [];\n    this.activeToastsSignal().forEach(item => {\n      if (!toast || item === toast) {\n        hiddenToasts.push(item);\n      } else {\n        activeToasts.push(item);\n      }\n    });\n\n    this.activeToastsSignal.set(activeToasts);\n\n    hiddenToasts.forEach(item => {\n      item.hidden?.next();\n      item.hidden?.complete();\n      this.toastTimerDefaults.delete(item);\n      this.toastTimeoutMap.delete(item);\n    });\n  }\n\n  private pauseToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      clearTimeout(this.toastTimeoutMap.get(toast));\n\n      const initialTimeout = this.toastTimerDefaults.get(toast)?.initializeTime;\n      const elapsedTime = initialTimeout ? Date.now() - initialTimeout : 0;\n      this.toastTimerDefaults.get(toast)!.pendingTimeout -= elapsedTime;\n    }\n  }\n\n  private resumeToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      this.toastTimerDefaults.get(toast)!.initializeTime = Date.now();\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => {\n          this.hideToastNotification(toast);\n        }, this.toastTimerDefaults.get(toast)!.pendingTimeout)\n      );\n    }\n  }\n\n  private addToastDrawer(): void {\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().end().bottom()\n    });\n    const portal = new ComponentPortal(\n      SiToastNotificationDrawerComponent,\n      null,\n      this.buildInjector()\n    );\n    this.componentRef = this.overlayRef.attach(portal);\n  }\n\n  private buildInjector(): Injector {\n    const providers: Provider[] = [{ provide: SI_TOAST_TOKEN, useValue: this.token }];\n    if (!this.injector.get(SiTranslateService, null)) {\n      // TODO remove once translation must be defined at application start\n      // Notification service is provided in 'root'. If no translation is defined, SiNoTranslateService is not provided\n      providers.push({ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] });\n    }\n    return Injector.create({ providers, parent: this.injector });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-toast.model';\nexport * from './si-toast-notification.service';\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-toast-notification.mjs","sources":["../../../../projects/element-ng/toast-notification/si-toast.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification/si-toast-notification.component.html","../../../../projects/element-ng/toast-notification/si-toast-token.model.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.ts","../../../../projects/element-ng/toast-notification/si-toast-notification-drawer/si-toast-notification-drawer.component.html","../../../../projects/element-ng/toast-notification/si-toast-notification.service.ts","../../../../projects/element-ng/toast-notification/index.ts","../../../../projects/element-ng/toast-notification/siemens-element-ng-toast-notification.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nexport interface SiToast {\n  state: StatusType;\n  title: TranslatableString;\n  message: TranslatableString;\n  disableManualClose?: boolean;\n  disableAutoClose?: boolean;\n  timeout?: number;\n  action?: Link;\n  close?: () => void;\n  translationParams?: { [key: string]: any };\n  hidden?: Subject<void>;\n  closeAriaLabel?: TranslatableString;\n}\n\nexport const SI_TOAST_AUTO_HIDE_DELAY = 6000;\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, HostListener, inject, input, output, signal } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport {\n  addIcons,\n  SiIconComponent,\n  SiStatusIconComponent,\n  STATUS_ICON_CONFIG\n} from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from '../si-toast.model';\n\n@Component({\n  selector: 'si-toast-notification',\n  imports: [SiLinkModule, SiIconComponent, SiStatusIconComponent, SiTranslatePipe],\n  templateUrl: './si-toast-notification.component.html',\n  styleUrl: './si-toast-notification.component.scss'\n})\nexport class SiToastNotificationComponent {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  readonly toast = input.required<SiToast>();\n\n  private closeAriaLabelDefault = t(() => $localize`:@@SI_TOAST.CLOSE:Close`);\n  protected readonly closeAriaLabel = computed(\n    () => this.toast().closeAriaLabel ?? this.closeAriaLabelDefault\n  );\n  protected readonly icons = addIcons({ elementCancel });\n  protected readonly status = computed(() => {\n    const toast = this.toast();\n    return Object.keys(this.statusIcons).includes(toast.state) ? toast.state : 'info';\n  });\n  protected readonly statusColor = computed(() => this.statusIcons[this.status()].color);\n  protected readonly toastTimeoutInSeconds = computed(() => {\n    const toast = this.toast();\n    return toast.timeout ? toast.timeout / 1000 : SI_TOAST_AUTO_HIDE_DELAY / 1000;\n  });\n  protected readonly animationMode = signal('running');\n  readonly paused = output<void>();\n  readonly resumed = output<void>();\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('paused');\n      this.paused.emit();\n    }\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    if (!this.toast().disableAutoClose) {\n      this.animationMode.set('running');\n      this.resumed.emit();\n    }\n  }\n\n  protected close(): void {\n    this.toast().close!();\n  }\n}\n","@let toastValue = toast();\n@let autoClose = !toastValue.disableAutoClose;\n@let manualClose = !toastValue.disableManualClose;\n<div class=\"si-toast elevation-2\" [class.si-toast-auto-close]=\"autoClose\">\n  @if (autoClose) {\n    <div\n      class=\"si-toast-timer-bar\"\n      [style.--play-state]=\"animationMode()\"\n      [style.--toast-timer-duration.s]=\"toastTimeoutInSeconds()\"\n    ></div>\n  }\n  <div [class]=\"`bar ${statusColor()}`\"></div>\n  <si-status-icon class=\"icon\" [status]=\"status()\" />\n\n  <div class=\"toast-content px-4\">\n    <p class=\"toast-title\"\n      ><b>{{ toastValue.title | translate: toastValue.translationParams }}</b></p\n    >\n    @if (toastValue.message) {\n      <p class=\"mt-4\">{{ toastValue.message | translate: toastValue.translationParams }}</p>\n    }\n    @if (toastValue.action) {\n      <p [class.mt-3]=\"toastValue.message\" [class.mt-4]=\"!toastValue.message\">\n        <a [siLink]=\"toastValue.action\">{{\n          toastValue.action!.title | translate: toastValue.translationParams\n        }}</a>\n      </p>\n    }\n  </div>\n  @if (manualClose) {\n    <button\n      type=\"button\"\n      class=\"btn btn-icon btn-tertiary-ghost mt-n2 me-n2\"\n      [attr.aria-label]=\"closeAriaLabel() | translate\"\n      (click)=\"close()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken, Signal } from '@angular/core';\n\nimport { SiToast } from './si-toast.model';\n\nexport interface ToastToken {\n  toasts: Signal<SiToast[]>;\n  pause: (toast: SiToast) => void;\n  resume: (toast: SiToast) => void;\n}\n\nexport const SI_TOAST_TOKEN = new InjectionToken<ToastToken>('SI_TOAST_TOKEN');\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { areAnimationsDisabled } from '@siemens/element-ng/common';\n\nimport { SiToastNotificationComponent } from '../si-toast-notification/si-toast-notification.component';\nimport { SI_TOAST_TOKEN } from '../si-toast-token.model';\n\n@Component({\n  selector: 'si-toast-notification-drawer',\n  imports: [SiToastNotificationComponent],\n  templateUrl: './si-toast-notification-drawer.component.html',\n  styleUrl: './si-toast-notification-drawer.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-live': 'polite',\n    '[class.animations-disabled]': 'animationsDisabled'\n  }\n})\nexport class SiToastNotificationDrawerComponent {\n  protected readonly token = inject(SI_TOAST_TOKEN);\n  protected animationsDisabled = areAnimationsDisabled();\n}\n","@for (toast of token.toasts(); track toast) {\n  <si-toast-notification\n    class=\"position-relative\"\n    animate.enter=\"toast-enter\"\n    animate.leave=\"toast-leave\"\n    [toast]=\"toast\"\n    (paused)=\"token.pause(toast)\"\n    (resumed)=\"token.resume(toast)\"\n  />\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n  ComponentRef,\n  inject,\n  Injectable,\n  Injector,\n  OnDestroy,\n  PLATFORM_ID,\n  Provider,\n  signal\n} from '@angular/core';\nimport { isRTL, StatusType } from '@siemens/element-ng/common';\nimport { Link } from '@siemens/element-ng/link';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nimport { SiToastNotificationDrawerComponent } from './si-toast-notification-drawer/si-toast-notification-drawer.component';\nimport { SI_TOAST_TOKEN, ToastToken } from './si-toast-token.model';\nimport { SI_TOAST_AUTO_HIDE_DELAY, SiToast } from './si-toast.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiToastNotificationService implements OnDestroy {\n  private readonly activeToastsSignal = signal<SiToast[]>([]);\n\n  /** List of currently active toasts to see details or close them.  */\n  get activeToasts(): SiToast[] {\n    return this.activeToastsSignal();\n  }\n\n  private token: ToastToken = {\n    toasts: this.activeToastsSignal,\n    pause: toast => this.pauseToastNotification(toast),\n    resume: toast => this.resumeToastNotification(toast)\n  };\n  private readonly maxToasts = 3;\n\n  private componentRef?: ComponentRef<SiToastNotificationDrawerComponent>;\n  private overlayRef?: OverlayRef;\n\n  private injector = inject(Injector);\n  private overlay = inject(Overlay);\n  private toastTimeoutMap = new Map<SiToast, any>();\n  private toastTimerDefaults = new Map<\n    SiToast,\n    { pendingTimeout: number; initializeTime: number }\n  >();\n\n  constructor() {\n    if (isPlatformBrowser(inject(PLATFORM_ID))) {\n      this.addToastDrawer();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.overlayRef?.dispose();\n    this.componentRef?.destroy();\n  }\n\n  /**\n   * Queue a new toast to be shown.\n   * @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.\n   * @returns the toast object\n   */\n  queueToastNotification(\n    state: StatusType,\n    title: string,\n    message: string,\n    disableAutoClose?: boolean,\n    disableManualClose?: boolean,\n    action?: Link\n  ): SiToast {\n    const toast: SiToast = {\n      state,\n      title,\n      message,\n      disableAutoClose,\n      disableManualClose,\n      action,\n      hidden: new Subject()\n    };\n    return this.showToastNotification(toast);\n  }\n\n  /**\n   * Show a toast notification\n   * @param toast - The toast object of the toast to be shown, can also be constructed while calling this.\n   */\n  showToastNotification(toast: SiToast): SiToast {\n    this.overlayRef?.setDirection(isRTL() ? 'rtl' : 'ltr');\n    toast.timeout ??= SI_TOAST_AUTO_HIDE_DELAY;\n    toast.hidden ??= new Subject();\n    toast.close = () => this.hideToastNotification(toast);\n\n    const toasts = this.activeToastsSignal().concat(toast);\n    this.activeToastsSignal.set(toasts);\n    if (toasts.length > this.maxToasts) {\n      this.hideToastNotification(toasts[0]);\n    }\n    if (!toast.disableAutoClose && toast.timeout) {\n      this.toastTimerDefaults.set(toast, {\n        pendingTimeout: toast.timeout,\n        initializeTime: Date.now()\n      });\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => this.hideToastNotification(toast), toast.timeout)\n      );\n    }\n\n    return toast;\n  }\n\n  /**\n   * Hide a toast notification\n   * @param toast - The toast object of the toast to be hidden, can be retrieved from {@link activeToasts} and is returned by {@link queueToastNotification}.\n   */\n  hideToastNotification(toast?: SiToast): void {\n    const hiddenToasts: SiToast[] = [];\n    const activeToasts: SiToast[] = [];\n    this.activeToastsSignal().forEach(item => {\n      if (!toast || item === toast) {\n        hiddenToasts.push(item);\n      } else {\n        activeToasts.push(item);\n      }\n    });\n\n    this.activeToastsSignal.set(activeToasts);\n\n    hiddenToasts.forEach(item => {\n      item.hidden?.next();\n      item.hidden?.complete();\n      this.toastTimerDefaults.delete(item);\n      this.toastTimeoutMap.delete(item);\n    });\n  }\n\n  private pauseToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      clearTimeout(this.toastTimeoutMap.get(toast));\n\n      const initialTimeout = this.toastTimerDefaults.get(toast)?.initializeTime;\n      const elapsedTime = initialTimeout ? Date.now() - initialTimeout : 0;\n      this.toastTimerDefaults.get(toast)!.pendingTimeout -= elapsedTime;\n    }\n  }\n\n  private resumeToastNotification(toast: SiToast): void {\n    if (!toast.disableAutoClose) {\n      this.toastTimerDefaults.get(toast)!.initializeTime = Date.now();\n      this.toastTimeoutMap.set(\n        toast,\n        setTimeout(() => {\n          this.hideToastNotification(toast);\n        }, this.toastTimerDefaults.get(toast)!.pendingTimeout)\n      );\n    }\n  }\n\n  private addToastDrawer(): void {\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().end().bottom()\n    });\n    const portal = new ComponentPortal(\n      SiToastNotificationDrawerComponent,\n      null,\n      this.buildInjector()\n    );\n    this.componentRef = this.overlayRef.attach(portal);\n  }\n\n  private buildInjector(): Injector {\n    const providers: Provider[] = [{ provide: SI_TOAST_TOKEN, useValue: this.token }];\n    if (!this.injector.get(SiTranslateService, null)) {\n      // TODO remove once translation must be defined at application start\n      // Notification service is provided in 'root'. If no translation is defined, SiNoTranslateService is not provided\n      providers.push({ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] });\n    }\n    return Injector.create({ providers, parent: this.injector });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-toast.model';\nexport * from './si-toast-notification.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}