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

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-modal.mjs","sources":["../../../../projects/element-ng/modal/modalref.ts","../../../../projects/element-ng/modal/si-modal.component.ts","../../../../projects/element-ng/modal/si-modal.component.html","../../../../projects/element-ng/modal/si-modal.service.ts","../../../../projects/element-ng/modal/modal.helpers.ts","../../../../projects/element-ng/modal/index.ts","../../../../projects/element-ng/modal/siemens-element-ng-modal.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ElementRef } from '@angular/core';\nimport { ReplaySubject, Subject } from 'rxjs';\n\nimport { ModalOptions } from './si-modal.service';\n\n/**\n * Reference to a modal dialog\n * @typeParam T - the type of the content\n * @typeParam CT - the close type\n */\nexport class ModalRef<T = never, CT = any> {\n  /** Emits the close value when the modal is hidden. */\n  hidden = new Subject<CT | undefined>();\n  /** Allows messaging state to consumer w/o closing the dialog. */\n  message = new Subject<CT | undefined>();\n  /** Emits the modal element reference when it is shown. */\n  shown = new ReplaySubject<ElementRef>(1);\n  /**\n   * The modal options passed during creation.\n   *\n   * @defaultValue `{}`\n   * @see {@link SiModalService}\n   */\n  data: ModalOptions = {};\n  /** @defaultValue true */\n  ignoreBackdropClick = true;\n  /**\n   * Custom class for modal-dialog\n   *\n   * @defaultValue ''\n   */\n  dialogClass = '';\n  /**\n   * The layer of the modal. The modal with the highest layer will be shown on top.\n   *\n   * @defaultValue 0\n   */\n  layer = 0;\n  /** The default close value of the modal. */\n  closeValue?: CT;\n\n  get content(): T {\n    return undefined as unknown as T;\n  }\n\n  /** Set the input of a component shown in the modal. */\n  setInput(input: string, value: unknown): void {}\n\n  /**\n   * @defaultValue `() => false`\n   */\n  isCurrent: () => boolean = () => false;\n  /**\n   * @defaultValue `() => {}`\n   */\n  detach: () => void = () => {};\n  /**\n   * Close the modal with a custom close value.\n   *\n   * @defaultValue `() => {}`\n   */\n  hide: (reason?: CT) => void = () => {};\n\n  /**\n   * When `data.disableAutoHide` is set, messages the `reason`, otherwise calls {@link hide}.\n   */\n  messageOrHide(reason?: CT): void {\n    if (this.data.messageInsteadOfAutoHide) {\n      this.message.next(reason);\n    } else {\n      this.hide(reason);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DOCUMENT, NgClass } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  inject,\n  OnDestroy,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\n\nimport { ModalRef } from './modalref';\n\n@Component({\n  selector: 'si-modal',\n  imports: [A11yModule, NgClass],\n  templateUrl: './si-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiModalComponent implements OnInit, AfterViewInit, OnDestroy {\n  protected modalRef = inject(ModalRef<unknown, any>);\n\n  protected dialogClass = this.modalRef.dialogClass ?? '';\n  protected titleId = this.modalRef.data?.ariaLabelledBy ?? '';\n  protected init = false;\n  protected readonly show = signal(false);\n  protected readonly showBackdropClass = signal<boolean | undefined>(undefined);\n\n  private clickStartInDialog = false;\n  private origBodyOverflow?: string;\n  private showTimer: any;\n  private backdropTimer: any;\n  private backdropGhostClickPrevention = true;\n  private document = inject(DOCUMENT);\n\n  private readonly modalContainerRef = viewChild.required<ElementRef>('modalContainer');\n\n  ngOnInit(): void {\n    setTimeout(() => (this.backdropGhostClickPrevention = false), this.animationTime(300));\n    this.init = true;\n    this.showTimer = setTimeout(() => {\n      this.show.set(true);\n    }, this.animationTime(150));\n  }\n\n  ngAfterViewInit(): void {\n    queueMicrotask(() => this.modalRef?.shown.next(this.modalContainerRef()));\n  }\n\n  ngOnDestroy(): void {\n    this.hideBackdrop();\n  }\n\n  /** @internal */\n  hideDialog(param?: any): void {\n    clearTimeout(this.showTimer);\n\n    this.show.set(false);\n    // set `detach()` in modal ref to no-op so that the animation is unaffected if called\n    const detach = this.modalRef.detach;\n    this.modalRef.detach = () => {};\n\n    setTimeout(() => {\n      this.hideBackdrop();\n      setTimeout(() => detach(), this.animationTime(150));\n    }, this.animationTime(300));\n\n    this.modalRef?.hidden.next(param);\n    this.modalRef?.hidden.complete();\n    this.modalRef?.message.complete();\n  }\n\n  /** @internal */\n  showBackdrop(): void {\n    if (this.modalRef?.data.animated !== false) {\n      this.showBackdropClass.set(false);\n      this.backdropTimer = setTimeout(() => {\n        this.showBackdropClass.set(true);\n      }, 16);\n    } else {\n      this.showBackdropClass.set(true);\n    }\n    this.origBodyOverflow = this.document.body.style.overflow;\n    this.document.body.style.overflow = 'hidden';\n  }\n\n  private hideBackdrop(): void {\n    clearTimeout(this.backdropTimer);\n    if (this.showBackdropClass() !== undefined) {\n      this.showBackdropClass.set(false);\n    }\n    if (this.origBodyOverflow !== undefined) {\n      this.document.body.style.overflow = this.origBodyOverflow;\n      this.origBodyOverflow = undefined;\n    }\n  }\n\n  @HostListener('mousedown', ['$event'])\n  protected clickStarted(event: MouseEvent): void {\n    this.clickStartInDialog = event.target !== this.modalContainerRef().nativeElement;\n  }\n\n  @HostListener('mouseup', ['$event'])\n  protected onClickStop(event: MouseEvent): void {\n    const clickedInBackdrop =\n      event.target === this.modalContainerRef().nativeElement && !this.clickStartInDialog;\n    if (this.modalRef?.ignoreBackdropClick || !clickedInBackdrop) {\n      this.clickStartInDialog = false;\n      return;\n    }\n\n    if (!this.backdropGhostClickPrevention) {\n      // Called when backdrop close is allowed and user clicks on the backdrop\n      this.modalRef.messageOrHide(this.modalRef.closeValue);\n    } else {\n      // When in ghost click prevention mode, avoid text selection\n      this.document.getSelection()?.removeAllRanges();\n    }\n  }\n\n  @HostListener('window:keydown.esc', ['$event'])\n  protected onEsc(event: KeyboardEvent): void {\n    if (this.modalRef?.data.keyboard && this.modalRef?.isCurrent()) {\n      event.preventDefault();\n      this.modalRef.messageOrHide(this.modalRef.closeValue);\n    }\n  }\n\n  private animationTime(millis: number): number {\n    return this.modalRef?.data.animated !== false ? millis : 0;\n  }\n}\n","@if (showBackdropClass() !== undefined) {\n  <div\n    class=\"modal-backdrop\"\n    [class.fade]=\"modalRef.data.animated !== false\"\n    [class.show]=\"showBackdropClass()\"\n  ></div>\n}\n@if (init) {\n  <div\n    #modalContainer\n    role=\"dialog\"\n    class=\"modal d-block\"\n    aria-modal=\"true\"\n    [class.fade]=\"modalRef.data.animated !== false\"\n    [class.show]=\"show()\"\n    [attr.aria-labelledby]=\"titleId\"\n  >\n    <div class=\"modal-dialog\" cdkTrapFocus cdkTrapFocusAutoCapture [ngClass]=\"dialogClass\">\n      <div class=\"modal-content\">\n        <ng-content />\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  StaticProvider,\n  TemplateRef,\n  Type\n} from '@angular/core';\nimport { isRTL } from '@siemens/element-ng/common';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\n\nimport { ModalRef } from './modalref';\nimport { SiModalComponent } from './si-modal.component';\n\nexport interface ModalDependencyInjectionOptions {\n  /** Additional providers for the modal. */\n  providers?: StaticProvider[];\n  /** Optional element Injector. */\n  injector?: Injector;\n  /** Optional environment Injector. */\n  environmentInjector?: EnvironmentInjector;\n}\n\nexport interface ModalOptions<T = Record<string, any>> extends ModalDependencyInjectionOptions {\n  /**\n   * Assign all values to the target component using `Object.assign(component, initialState)`.\n   *\n   * @deprecated Use {@link inputValues} instead.\n   */\n  initialState?: Partial<T>;\n  /**\n   * Use this to assign values to either `@Input()` or `input()` fields of the provided component.\n   * If a template is used, the values are available in the template context.\n   */\n  inputValues?: Record<string, unknown>;\n  /** When set to true, clicking the backdrop has no effect. */\n  ignoreBackdropClick?: boolean;\n  /** When set to true, backdrop click or Esc don't close the modal. Instead a message will be sent. */\n  messageInsteadOfAutoHide?: boolean;\n  /** Handle Esc to close/message. */\n  keyboard?: boolean;\n  /** Whether to enable animation. */\n  animated?: boolean;\n  /** Additional CSS class. */\n  class?: string;\n  /** aria-labelled-by value. */\n  ariaLabelledBy?: string;\n}\n\nclass ModalRefImpl<T = never, CT = void> extends ModalRef<T, CT> {\n  contentRef: TemplateRef<any> | Type<any>;\n  viewRef?: EmbeddedViewRef<any>;\n  modalCompRef?: ComponentRef<SiModalComponent>;\n  componentRef?: ComponentRef<T>;\n  overlayRef?: OverlayRef;\n\n  override get content(): T {\n    return this.componentRef?.instance as T;\n  }\n\n  override setInput(input: string, value: unknown): void {\n    this.componentRef?.setInput(input, value);\n  }\n\n  constructor(\n    contentRef: TemplateRef<any> | Type<any>,\n    layer: number,\n    data: ModalOptions,\n    closeValue?: CT\n  ) {\n    super();\n    this.contentRef = contentRef;\n    this.layer = layer;\n    this.data = data;\n    this.ignoreBackdropClick = data.ignoreBackdropClick !== false;\n    this.dialogClass = data?.class ?? '';\n    this.closeValue = closeValue;\n  }\n}\n\n@Injectable({ providedIn: 'root' })\nexport class SiModalService {\n  private modalsCount = 0;\n  private readonly overlay = inject(Overlay);\n  private appRef = inject(ApplicationRef);\n  private injector = inject(Injector);\n  private environmentInjector = inject(EnvironmentInjector);\n\n  /**\n   * Shows a modal with the given content and configuration.\n   * @param content - Content to be displayed in the modal can  be a template reference or a component.\n   * @param config - Configuration for the modal.\n   * @param closeValue - Default closing value which can be overridden by calling `modalRef.hide(value)`.\n   * @returns A reference to the modal.\n   */\n  show<T, CT = any>(\n    content: TemplateRef<any> | (new (...args: any[]) => T),\n    config: ModalOptions<T>,\n    closeValue?: CT\n  ): ModalRef<T, CT> {\n    const modalRef = new ModalRefImpl<T, CT>(content, ++this.modalsCount, config, closeValue);\n    const siModalRef = this.attachComponent(modalRef);\n    modalRef.modalCompRef = siModalRef;\n    modalRef.detach = () => this.detach(modalRef);\n    modalRef.hide = (param?: CT) => siModalRef.instance.hideDialog(param);\n    modalRef.isCurrent = () => modalRef.layer === this.modalsCount;\n\n    if (this.modalsCount === 1) {\n      siModalRef.instance.showBackdrop();\n    }\n\n    return modalRef;\n  }\n\n  private attachComponent<T, CT>(modalRef: ModalRefImpl<T, CT>): ComponentRef<SiModalComponent> {\n    const providers: StaticProvider[] = [{ provide: ModalRef, useValue: modalRef }];\n    modalRef.data.providers?.forEach(p => providers.push(p));\n    const injector = Injector.create({\n      providers,\n      parent: modalRef.data.injector ?? this.buildInjector()\n    });\n\n    modalRef.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),\n      direction: isRTL() ? 'rtl' : 'ltr'\n    });\n    const compPortal = new ComponentPortal(SiModalComponent, null, injector);\n    // Ensure compatibility between Angular CDK 19 and 20 since constructor arguments have changed\n    compPortal.projectableNodes = this.getContentProjectableNodes(injector, modalRef);\n    return modalRef.overlayRef.attach(compPortal);\n  }\n\n  private getContentProjectableNodes<T, CT>(\n    injector: Injector,\n    modalRef: ModalRefImpl<T, CT>\n  ): Node[][] {\n    if (modalRef.contentRef instanceof TemplateRef) {\n      modalRef.viewRef = modalRef.contentRef.createEmbeddedView({\n        modalRef,\n        ...modalRef.data.initialState,\n        ...modalRef.data.inputValues\n      });\n      this.appRef.attachView(modalRef.viewRef);\n      return [modalRef.viewRef.rootNodes];\n    }\n\n    modalRef.componentRef = createComponent(modalRef.contentRef, {\n      environmentInjector: modalRef.data.environmentInjector ?? this.environmentInjector,\n      elementInjector: injector\n    });\n    Object.assign(modalRef.componentRef.instance as any, modalRef.data?.initialState);\n    // set initial @Input() / input()\n    for (const [key, value] of Object.entries(modalRef.data?.inputValues ?? {})) {\n      modalRef.componentRef?.setInput(key, value);\n    }\n    modalRef.componentRef.changeDetectorRef.detectChanges();\n\n    this.appRef.attachView(modalRef.componentRef.hostView);\n    return [[modalRef.componentRef.location.nativeElement]];\n  }\n\n  protected detach(modalRef: ModalRef<unknown, any>): void {\n    const ref = modalRef as ModalRefImpl<unknown>;\n    if (ref.modalCompRef) {\n      ref.modalCompRef?.destroy();\n      ref.modalCompRef = undefined;\n      ref.componentRef?.destroy();\n      ref.componentRef = undefined;\n      ref.viewRef?.destroy();\n      ref.viewRef = undefined;\n      ref.overlayRef?.dispose();\n      ref.shown.complete();\n      this.modalsCount--;\n    }\n  }\n\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  protected buildInjector(): Injector {\n    let injector = this.injector;\n    if (!injector.get(SiTranslateService, null)) {\n      injector = Injector.create({\n        providers: [{ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] }],\n        parent: this.injector\n      });\n    }\n    return injector;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ModalOptions } from './si-modal.service';\n\nlet idCounter = 1;\n\nexport const createModalConfig = (inputs?: { [key: string]: any }): ModalOptions => {\n  if (inputs) {\n    Object.keys(inputs).forEach(k => inputs![k] === undefined && delete inputs![k]);\n  } else {\n    inputs = {};\n  }\n  const config: ModalOptions<any> = {\n    inputValues: inputs as { [key: string]: any },\n    ignoreBackdropClick: true,\n    keyboard: false,\n    animated: true,\n    class: 'modal-dialog-centered'\n  };\n  const id = `__si-modal-id-${idCounter++}`;\n  config.inputValues!.titleId = id;\n  config.ariaLabelledBy = id;\n  return config;\n};\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-modal.service';\nexport * from './modalref';\nexport * from './modal.helpers';\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-modal.mjs","sources":["../../../../projects/element-ng/modal/modalref.ts","../../../../projects/element-ng/modal/si-modal.component.ts","../../../../projects/element-ng/modal/si-modal.component.html","../../../../projects/element-ng/modal/si-modal.service.ts","../../../../projects/element-ng/modal/modal.helpers.ts","../../../../projects/element-ng/modal/index.ts","../../../../projects/element-ng/modal/siemens-element-ng-modal.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ElementRef } from '@angular/core';\nimport { ReplaySubject, Subject } from 'rxjs';\n\nimport { ModalOptions } from './si-modal.service';\n\n/**\n * Reference to a modal dialog\n * @typeParam T - the type of the content\n * @typeParam CT - the close type\n */\nexport class ModalRef<T = never, CT = any> {\n  /** Emits the close value when the modal is hidden. */\n  hidden = new Subject<CT | undefined>();\n  /** Allows messaging state to consumer w/o closing the dialog. */\n  message = new Subject<CT | undefined>();\n  /** Emits the modal element reference when it is shown. */\n  shown = new ReplaySubject<ElementRef>(1);\n  /**\n   * The modal options passed during creation.\n   *\n   * @defaultValue `{}`\n   * @see {@link SiModalService}\n   */\n  data: ModalOptions = {};\n  /** @defaultValue true */\n  ignoreBackdropClick = true;\n  /**\n   * Custom class for modal-dialog\n   *\n   * @defaultValue ''\n   */\n  dialogClass = '';\n  /**\n   * The layer of the modal. The modal with the highest layer will be shown on top.\n   *\n   * @defaultValue 0\n   */\n  layer = 0;\n  /** The default close value of the modal. */\n  closeValue?: CT;\n\n  get content(): T {\n    return undefined as unknown as T;\n  }\n\n  /** Set the input of a component shown in the modal. */\n  setInput(input: string, value: unknown): void {}\n\n  /**\n   * @defaultValue `() => false`\n   */\n  isCurrent: () => boolean = () => false;\n  /**\n   * @defaultValue `() => {}`\n   */\n  detach: () => void = () => {};\n  /**\n   * Close the modal with a custom close value.\n   *\n   * @defaultValue `() => {}`\n   */\n  hide: (reason?: CT) => void = () => {};\n\n  /**\n   * When `data.disableAutoHide` is set, messages the `reason`, otherwise calls {@link hide}.\n   */\n  messageOrHide(reason?: CT): void {\n    if (this.data.messageInsteadOfAutoHide) {\n      this.message.next(reason);\n    } else {\n      this.hide(reason);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { NgClass } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostListener,\n  inject,\n  OnDestroy,\n  OnInit,\n  signal,\n  viewChild,\n  DOCUMENT\n} from '@angular/core';\n\nimport { ModalRef } from './modalref';\n\n@Component({\n  selector: 'si-modal',\n  imports: [A11yModule, NgClass],\n  templateUrl: './si-modal.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiModalComponent implements OnInit, AfterViewInit, OnDestroy {\n  protected modalRef = inject(ModalRef<unknown, any>);\n\n  protected dialogClass = this.modalRef.dialogClass ?? '';\n  protected titleId = this.modalRef.data?.ariaLabelledBy ?? '';\n  protected init = false;\n  protected readonly show = signal(false);\n  protected readonly showBackdropClass = signal<boolean | undefined>(undefined);\n\n  private clickStartInDialog = false;\n  private origBodyOverflow?: string;\n  private showTimer: any;\n  private backdropTimer: any;\n  private backdropGhostClickPrevention = true;\n  private document = inject(DOCUMENT);\n\n  private readonly modalContainerRef = viewChild.required<ElementRef>('modalContainer');\n\n  ngOnInit(): void {\n    setTimeout(() => (this.backdropGhostClickPrevention = false), this.animationTime(300));\n    this.init = true;\n    this.showTimer = setTimeout(() => {\n      this.show.set(true);\n    }, this.animationTime(150));\n  }\n\n  ngAfterViewInit(): void {\n    queueMicrotask(() => this.modalRef?.shown.next(this.modalContainerRef()));\n  }\n\n  ngOnDestroy(): void {\n    this.hideBackdrop();\n  }\n\n  /** @internal */\n  hideDialog(param?: any): void {\n    clearTimeout(this.showTimer);\n\n    this.show.set(false);\n    // set `detach()` in modal ref to no-op so that the animation is unaffected if called\n    const detach = this.modalRef.detach;\n    this.modalRef.detach = () => {};\n\n    setTimeout(() => {\n      this.hideBackdrop();\n      setTimeout(() => detach(), this.animationTime(150));\n    }, this.animationTime(300));\n\n    this.modalRef?.hidden.next(param);\n    this.modalRef?.hidden.complete();\n    this.modalRef?.message.complete();\n  }\n\n  /** @internal */\n  showBackdrop(): void {\n    if (this.modalRef?.data.animated !== false) {\n      this.showBackdropClass.set(false);\n      this.backdropTimer = setTimeout(() => {\n        this.showBackdropClass.set(true);\n      }, 16);\n    } else {\n      this.showBackdropClass.set(true);\n    }\n    this.origBodyOverflow = this.document.body.style.overflow;\n    this.document.body.style.overflow = 'hidden';\n  }\n\n  private hideBackdrop(): void {\n    clearTimeout(this.backdropTimer);\n    if (this.showBackdropClass() !== undefined) {\n      this.showBackdropClass.set(false);\n    }\n    if (this.origBodyOverflow !== undefined) {\n      this.document.body.style.overflow = this.origBodyOverflow;\n      this.origBodyOverflow = undefined;\n    }\n  }\n\n  @HostListener('mousedown', ['$event'])\n  protected clickStarted(event: MouseEvent): void {\n    this.clickStartInDialog = event.target !== this.modalContainerRef().nativeElement;\n  }\n\n  @HostListener('mouseup', ['$event'])\n  protected onClickStop(event: MouseEvent): void {\n    const clickedInBackdrop =\n      event.target === this.modalContainerRef().nativeElement && !this.clickStartInDialog;\n    if (this.modalRef?.ignoreBackdropClick || !clickedInBackdrop) {\n      this.clickStartInDialog = false;\n      return;\n    }\n\n    if (!this.backdropGhostClickPrevention) {\n      // Called when backdrop close is allowed and user clicks on the backdrop\n      this.modalRef.messageOrHide(this.modalRef.closeValue);\n    } else {\n      // When in ghost click prevention mode, avoid text selection\n      this.document.getSelection()?.removeAllRanges();\n    }\n  }\n\n  @HostListener('window:keydown.esc', ['$event'])\n  protected onEsc(event: Event): void {\n    if (this.modalRef?.data.keyboard && this.modalRef?.isCurrent()) {\n      event.preventDefault();\n      this.modalRef.messageOrHide(this.modalRef.closeValue);\n    }\n  }\n\n  private animationTime(millis: number): number {\n    return this.modalRef?.data.animated !== false ? millis : 0;\n  }\n}\n","@if (showBackdropClass() !== undefined) {\n  <div\n    class=\"modal-backdrop\"\n    [class.fade]=\"modalRef.data.animated !== false\"\n    [class.show]=\"showBackdropClass()\"\n  ></div>\n}\n@if (init) {\n  <div\n    #modalContainer\n    role=\"dialog\"\n    class=\"modal d-block\"\n    aria-modal=\"true\"\n    [class.fade]=\"modalRef.data.animated !== false\"\n    [class.show]=\"show()\"\n    [attr.aria-labelledby]=\"titleId\"\n  >\n    <div class=\"modal-dialog\" cdkTrapFocus cdkTrapFocusAutoCapture [ngClass]=\"dialogClass\">\n      <div class=\"modal-content\">\n        <ng-content />\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  StaticProvider,\n  TemplateRef,\n  Type\n} from '@angular/core';\nimport { isRTL } from '@siemens/element-ng/common';\nimport { SiNoTranslateService, SiTranslateService } from '@siemens/element-translate-ng/translate';\n\nimport { ModalRef } from './modalref';\nimport { SiModalComponent } from './si-modal.component';\n\nexport interface ModalDependencyInjectionOptions {\n  /** Additional providers for the modal. */\n  providers?: StaticProvider[];\n  /** Optional element Injector. */\n  injector?: Injector;\n  /** Optional environment Injector. */\n  environmentInjector?: EnvironmentInjector;\n}\n\nexport interface ModalOptions<T = Record<string, any>> extends ModalDependencyInjectionOptions {\n  /**\n   * Assign all values to the target component using `Object.assign(component, initialState)`.\n   *\n   * @deprecated Use {@link inputValues} instead.\n   */\n  initialState?: Partial<T>;\n  /**\n   * Use this to assign values to either `@Input()` or `input()` fields of the provided component.\n   * If a template is used, the values are available in the template context.\n   */\n  inputValues?: Record<string, unknown>;\n  /** When set to true, clicking the backdrop has no effect. */\n  ignoreBackdropClick?: boolean;\n  /** When set to true, backdrop click or Esc don't close the modal. Instead a message will be sent. */\n  messageInsteadOfAutoHide?: boolean;\n  /** Handle Esc to close/message. */\n  keyboard?: boolean;\n  /** Whether to enable animation. */\n  animated?: boolean;\n  /** Additional CSS class. */\n  class?: string;\n  /** aria-labelled-by value. */\n  ariaLabelledBy?: string;\n}\n\nclass ModalRefImpl<T = never, CT = void> extends ModalRef<T, CT> {\n  contentRef: TemplateRef<any> | Type<any>;\n  viewRef?: EmbeddedViewRef<any>;\n  modalCompRef?: ComponentRef<SiModalComponent>;\n  componentRef?: ComponentRef<T>;\n  overlayRef?: OverlayRef;\n\n  override get content(): T {\n    return this.componentRef?.instance as T;\n  }\n\n  override setInput(input: string, value: unknown): void {\n    this.componentRef?.setInput(input, value);\n  }\n\n  constructor(\n    contentRef: TemplateRef<any> | Type<any>,\n    layer: number,\n    data: ModalOptions,\n    closeValue?: CT\n  ) {\n    super();\n    this.contentRef = contentRef;\n    this.layer = layer;\n    this.data = data;\n    this.ignoreBackdropClick = data.ignoreBackdropClick !== false;\n    this.dialogClass = data?.class ?? '';\n    this.closeValue = closeValue;\n  }\n}\n\n@Injectable({ providedIn: 'root' })\nexport class SiModalService {\n  private modalsCount = 0;\n  private readonly overlay = inject(Overlay);\n  private appRef = inject(ApplicationRef);\n  private injector = inject(Injector);\n  private environmentInjector = inject(EnvironmentInjector);\n\n  /**\n   * Shows a modal with the given content and configuration.\n   * @param content - Content to be displayed in the modal can  be a template reference or a component.\n   * @param config - Configuration for the modal.\n   * @param closeValue - Default closing value which can be overridden by calling `modalRef.hide(value)`.\n   * @returns A reference to the modal.\n   */\n  show<T, CT = any>(\n    content: TemplateRef<any> | (new (...args: any[]) => T),\n    config: ModalOptions<T>,\n    closeValue?: CT\n  ): ModalRef<T, CT> {\n    const modalRef = new ModalRefImpl<T, CT>(content, ++this.modalsCount, config, closeValue);\n    const siModalRef = this.attachComponent(modalRef);\n    modalRef.modalCompRef = siModalRef;\n    modalRef.detach = () => this.detach(modalRef);\n    modalRef.hide = (param?: CT) => siModalRef.instance.hideDialog(param);\n    modalRef.isCurrent = () => modalRef.layer === this.modalsCount;\n\n    if (this.modalsCount === 1) {\n      siModalRef.instance.showBackdrop();\n    }\n\n    return modalRef;\n  }\n\n  private attachComponent<T, CT>(modalRef: ModalRefImpl<T, CT>): ComponentRef<SiModalComponent> {\n    const providers: StaticProvider[] = [{ provide: ModalRef, useValue: modalRef }];\n    modalRef.data.providers?.forEach(p => providers.push(p));\n    const injector = Injector.create({\n      providers,\n      parent: modalRef.data.injector ?? this.buildInjector()\n    });\n\n    modalRef.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),\n      direction: isRTL() ? 'rtl' : 'ltr'\n    });\n    const compPortal = new ComponentPortal(SiModalComponent, null, injector);\n    // Ensure compatibility between Angular CDK 19 and 20 since constructor arguments have changed\n    compPortal.projectableNodes = this.getContentProjectableNodes(injector, modalRef);\n    return modalRef.overlayRef.attach(compPortal);\n  }\n\n  private getContentProjectableNodes<T, CT>(\n    injector: Injector,\n    modalRef: ModalRefImpl<T, CT>\n  ): Node[][] {\n    if (modalRef.contentRef instanceof TemplateRef) {\n      modalRef.viewRef = modalRef.contentRef.createEmbeddedView({\n        modalRef,\n        ...modalRef.data.initialState,\n        ...modalRef.data.inputValues\n      });\n      this.appRef.attachView(modalRef.viewRef);\n      return [modalRef.viewRef.rootNodes];\n    }\n\n    modalRef.componentRef = createComponent(modalRef.contentRef, {\n      environmentInjector: modalRef.data.environmentInjector ?? this.environmentInjector,\n      elementInjector: injector\n    });\n    Object.assign(modalRef.componentRef.instance as any, modalRef.data?.initialState);\n    // set initial @Input() / input()\n    for (const [key, value] of Object.entries(modalRef.data?.inputValues ?? {})) {\n      modalRef.componentRef?.setInput(key, value);\n    }\n    modalRef.componentRef.changeDetectorRef.detectChanges();\n\n    this.appRef.attachView(modalRef.componentRef.hostView);\n    return [[modalRef.componentRef.location.nativeElement]];\n  }\n\n  protected detach(modalRef: ModalRef<unknown, any>): void {\n    const ref = modalRef as ModalRefImpl<unknown>;\n    if (ref.modalCompRef) {\n      ref.modalCompRef?.destroy();\n      ref.modalCompRef = undefined;\n      ref.componentRef?.destroy();\n      ref.componentRef = undefined;\n      ref.viewRef?.destroy();\n      ref.viewRef = undefined;\n      ref.overlayRef?.dispose();\n      ref.shown.complete();\n      this.modalsCount--;\n    }\n  }\n\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  protected buildInjector(): Injector {\n    let injector = this.injector;\n    if (!injector.get(SiTranslateService, null)) {\n      injector = Injector.create({\n        providers: [{ provide: SiTranslateService, useClass: SiNoTranslateService, deps: [] }],\n        parent: this.injector\n      });\n    }\n    return injector;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ModalOptions } from './si-modal.service';\n\nlet idCounter = 1;\n\nexport const createModalConfig = (inputs?: { [key: string]: any }): ModalOptions => {\n  if (inputs) {\n    Object.keys(inputs).forEach(k => inputs![k] === undefined && delete inputs![k]);\n  } else {\n    inputs = {};\n  }\n  const config: ModalOptions<any> = {\n    inputValues: inputs as { [key: string]: any },\n    ignoreBackdropClick: true,\n    keyboard: false,\n    animated: true,\n    class: 'modal-dialog-centered'\n  };\n  const id = `__si-modal-id-${idCounter++}`;\n  config.inputValues!.titleId = id;\n  config.ariaLabelledBy = id;\n  return config;\n};\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-modal.service';\nexport * from './modalref';\nexport * from './modal.helpers';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AASA;;;;AAIG;MACU,QAAQ,CAAA;;AAEnB,IAAA,MAAM,GAAG,IAAI,OAAO,EAAkB;;AAEtC,IAAA,OAAO,GAAG,IAAI,OAAO,EAAkB;;AAEvC,IAAA,KAAK,GAAG,IAAI,aAAa,CAAa,CAAC,CAAC;AACxC;;;;;AAKG;IACH,IAAI,GAAiB,EAAE;;IAEvB,mBAAmB,GAAG,IAAI;AAC1B;;;;AAIG;IACH,WAAW,GAAG,EAAE;AAChB;;;;AAIG;IACH,KAAK,GAAG,CAAC;;AAET,IAAA,UAAU;AAEV,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,SAAyB;;;AAIlC,IAAA,QAAQ,CAAC,KAAa,EAAE,KAAc;AAEtC;;AAEG;AACH,IAAA,SAAS,GAAkB,MAAM,KAAK;AACtC;;AAEG;AACH,IAAA,MAAM,GAAe,MAAK,GAAG;AAC7B;;;;AAIG;AACH,IAAA,IAAI,GAA0B,MAAK,GAAG;AAEtC;;AAEG;AACH,IAAA,aAAa,CAAC,MAAW,EAAA;AACvB,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,wBAAwB,EAAE;AACtC,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;;aACpB;AACL,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;;;AAGtB;;AC7ED;;;AAGG;MAyBU,gBAAgB,CAAA;AACjB,IAAA,QAAQ,GAAG,MAAM,EAAC,QAAsB,EAAC;IAEzC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE;IAC7C,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,cAAc,IAAI,EAAE;IAClD,IAAI,GAAG,KAAK;AACH,IAAA,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AACpB,IAAA,iBAAiB,GAAG,MAAM,CAAsB,SAAS,CAAC;IAErE,kBAAkB,GAAG,KAAK;AAC1B,IAAA,gBAAgB;AAChB,IAAA,SAAS;AACT,IAAA,aAAa;IACb,4BAA4B,GAAG,IAAI;AACnC,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElB,IAAA,iBAAiB,GAAG,SAAS,CAAC,QAAQ,CAAa,gBAAgB,CAAC;IAErF,QAAQ,GAAA;AACN,QAAA,UAAU,CAAC,OAAO,IAAI,CAAC,4BAA4B,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACtF,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAChB,QAAA,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,MAAK;AAC/B,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;SACpB,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;;IAG7B,eAAe,GAAA;AACb,QAAA,cAAc,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;;IAG3E,WAAW,GAAA;QACT,IAAI,CAAC,YAAY,EAAE;;;AAIrB,IAAA,UAAU,CAAC,KAAW,EAAA;AACpB,QAAA,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;AAE5B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;AAEpB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;QACnC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAK,GAAG;QAE/B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,UAAU,CAAC,MAAM,MAAM,EAAE,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;SACpD,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAE3B,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AACjC,QAAA,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE;AAChC,QAAA,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE;;;IAInC,YAAY,GAAA;QACV,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;AAC1C,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;AACjC,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;aACjC,EAAE,EAAE,CAAC;;aACD;AACL,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC;;AAElC,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;QACzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;;IAGtC,YAAY,GAAA;AAClB,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;AAChC,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE,KAAK,SAAS,EAAE;AAC1C,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;;AAEnC,QAAA,IAAI,IAAI,CAAC,gBAAgB,KAAK,SAAS,EAAE;AACvC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB;AACzD,YAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS;;;AAK3B,IAAA,YAAY,CAAC,KAAiB,EAAA;AACtC,QAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC,aAAa;;AAIzE,IAAA,WAAW,CAAC,KAAiB,EAAA;AACrC,QAAA,MAAM,iBAAiB,GACrB,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,kBAAkB;QACrF,IAAI,IAAI,CAAC,QAAQ,EAAE,mBAAmB,IAAI,CAAC,iBAAiB,EAAE;AAC5D,YAAA,IAAI,CAAC,kBAAkB,GAAG,KAAK;YAC/B;;AAGF,QAAA,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE;;YAEtC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;;aAChD;;YAEL,IAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE;;;AAKzC,IAAA,KAAK,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE;YAC9D,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC;;;AAIjD,IAAA,aAAa,CAAC,MAAc,EAAA;AAClC,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK,GAAG,MAAM,GAAG,CAAC;;uGA9GjD,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5B7B,8nBAwBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDAY,UAAU,0LAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIlB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,UAAU,EAAA,OAAA,EACX,CAAC,UAAU,EAAE,OAAO,CAAC,EAAA,eAAA,EAEb,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8nBAAA,EAAA;8BAiFrC,YAAY,EAAA,CAAA;sBADrB,YAAY;uBAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;gBAM3B,WAAW,EAAA,CAAA;sBADpB,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;gBAmBzB,KAAK,EAAA,CAAA;sBADd,YAAY;uBAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC;;;AEjIhD;;;AAGG;AAyDH,MAAM,YAAmC,SAAQ,QAAe,CAAA;AAC9D,IAAA,UAAU;AACV,IAAA,OAAO;AACP,IAAA,YAAY;AACZ,IAAA,YAAY;AACZ,IAAA,UAAU;AAEV,IAAA,IAAa,OAAO,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,QAAa;;IAGhC,QAAQ,CAAC,KAAa,EAAE,KAAc,EAAA;QAC7C,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;;AAG3C,IAAA,WAAA,CACE,UAAwC,EACxC,KAAa,EACb,IAAkB,EAClB,UAAe,EAAA;AAEf,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAChB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,KAAK,KAAK;QAC7D,IAAI,CAAC,WAAW,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE;AACpC,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;;AAE/B;MAGY,cAAc,CAAA;IACjB,WAAW,GAAG,CAAC;AACN,IAAA,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAClC,IAAA,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC;AAC/B,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAEzD;;;;;;AAMG;AACH,IAAA,IAAI,CACF,OAAuD,EACvD,MAAuB,EACvB,UAAe,EAAA;AAEf,QAAA,MAAM,QAAQ,GAAG,IAAI,YAAY,CAAQ,OAAO,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,UAAU,CAAC;QACzF,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;AACjD,QAAA,QAAQ,CAAC,YAAY,GAAG,UAAU;AAClC,QAAA,QAAQ,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;AAC7C,QAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,KAAU,KAAK,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;AACrE,QAAA,QAAQ,CAAC,SAAS,GAAG,MAAM,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW;AAE9D,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,CAAC,EAAE;AAC1B,YAAA,UAAU,CAAC,QAAQ,CAAC,YAAY,EAAE;;AAGpC,QAAA,OAAO,QAAQ;;AAGT,IAAA,eAAe,CAAQ,QAA6B,EAAA;AAC1D,QAAA,MAAM,SAAS,GAAqB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAC/E,QAAA,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxD,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;YAC/B,SAAS;YACT,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa;AACrD,SAAA,CAAC;QAEF,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;AACxC,YAAA,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,gBAAgB,EAAE;YAC1F,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG;AAC9B,SAAA,CAAC;QACF,MAAM,UAAU,GAAG,IAAI,eAAe,CAAC,gBAAgB,EAAE,IAAI,EAAE,QAAQ,CAAC;;QAExE,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,0BAA0B,CAAC,QAAQ,EAAE,QAAQ,CAAC;QACjF,OAAO,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC;;IAGvC,0BAA0B,CAChC,QAAkB,EAClB,QAA6B,EAAA;AAE7B,QAAA,IAAI,QAAQ,CAAC,UAAU,YAAY,WAAW,EAAE;YAC9C,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,UAAU,CAAC,kBAAkB,CAAC;gBACxD,QAAQ;AACR,gBAAA,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY;AAC7B,gBAAA,GAAG,QAAQ,CAAC,IAAI,CAAC;AAClB,aAAA,CAAC;YACF,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;AACxC,YAAA,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;;QAGrC,QAAQ,CAAC,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,UAAU,EAAE;YAC3D,mBAAmB,EAAE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB;AAClF,YAAA,eAAe,EAAE;AAClB,SAAA,CAAC;AACF,QAAA,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAe,EAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;;QAEjF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,EAAE;YAC3E,QAAQ,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC;;AAE7C,QAAA,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,aAAa,EAAE;QAEvD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC;QACtD,OAAO,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;;AAG/C,IAAA,MAAM,CAAC,QAAgC,EAAA;QAC/C,MAAM,GAAG,GAAG,QAAiC;AAC7C,QAAA,IAAI,GAAG,CAAC,YAAY,EAAE;AACpB,YAAA,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE;AAC3B,YAAA,GAAG,CAAC,YAAY,GAAG,SAAS;AAC5B,YAAA,GAAG,CAAC,YAAY,EAAE,OAAO,EAAE;AAC3B,YAAA,GAAG,CAAC,YAAY,GAAG,SAAS;AAC5B,YAAA,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE;AACtB,YAAA,GAAG,CAAC,OAAO,GAAG,SAAS;AACvB,YAAA,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE;AACzB,YAAA,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;;;;IAMZ,aAAa,GAAA;AACrB,QAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ;QAC5B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,kBAAkB,EAAE,IAAI,CAAC,EAAE;AAC3C,YAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AACzB,gBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;gBACtF,MAAM,EAAE,IAAI,CAAC;AACd,aAAA,CAAC;;AAEJ,QAAA,OAAO,QAAQ;;uGAzGN,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAd,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cADD,MAAM,EAAA,CAAA;;2FACnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACrFlC,IAAI,SAAS,GAAG,CAAC;AAEV,MAAM,iBAAiB,GAAG,CAAC,MAA+B,KAAkB;IACjF,IAAI,MAAM,EAAE;QACV,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,MAAO,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,OAAO,MAAO,CAAC,CAAC,CAAC,CAAC;;SAC1E;QACL,MAAM,GAAG,EAAE;;AAEb,IAAA,MAAM,MAAM,GAAsB;AAChC,QAAA,WAAW,EAAE,MAAgC;AAC7C,QAAA,mBAAmB,EAAE,IAAI;AACzB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,KAAK,EAAE;KACR;AACD,IAAA,MAAM,EAAE,GAAG,CAAA,cAAA,EAAiB,SAAS,EAAE,EAAE;AACzC,IAAA,MAAM,CAAC,WAAY,CAAC,OAAO,GAAG,EAAE;AAChC,IAAA,MAAM,CAAC,cAAc,GAAG,EAAE;AAC1B,IAAA,OAAO,MAAM;AACf;;ACzBA;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-navbar-vertical.mjs

@@ -2,13 +2,13 @@ import { trigger, state, transition, style, animate, query, group, animateChild
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, InjectionToken, input, model, signal, inject, ViewContainerRef, Injector, computed, HostListener, Directive, ChangeDetectionStrategy, viewChildren, booleanAttribute, numberAttribute, output, viewChild, HostBinding, NgModule } from '@angular/core';
+import { Component, InjectionToken, input, model, signal, inject, ViewContainerRef, Injector, computed, HostListener, Directive, ChangeDetectionStrategy, viewChildren, booleanAttribute, output, viewChild, HostBinding, NgModule } from '@angular/core';
 import { RouterLinkActive, ActivatedRoute, RouterLink } from '@angular/router';
 import { SI_UI_STATE_SERVICE } from '@siemens/element-ng/common';
 import { BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';
 import { SiSearchBarComponent } from '@siemens/element-ng/search-bar';
 import { SiSkipLinkTargetDirective } from '@siemens/element-ng/skip-links';
-import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
+import { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { Overlay } from '@angular/cdk/overlay';
@@ -23,10 +23,10 @@ import { SiLinkDirective } from '@siemens/element-ng/link';
  */
 // We need a component to attach the stylesheet
 class SiNavbarVerticalDividerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SiNavbarVerticalDividerComponent, isStandalone: true, selector: "si-navbar-vertical-divider", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;block-size:1px;background-color:var(--element-ui-4);margin-block:6px;margin-inline:12px}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiNavbarVerticalDividerComponent, isStandalone: true, selector: "si-navbar-vertical-divider", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;block-size:1px;background-color:var(--element-ui-4);margin-block:6px;margin-inline:12px}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalDividerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalDividerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-vertical-divider', template: '', styles: [":host{display:block;block-size:1px;background-color:var(--element-ui-4);margin-block:6px;margin-inline:12px}\n"] }]
         }] });
@@ -49,10 +49,10 @@ const SI_NAVBAR_VERTICAL = new InjectionToken('SI_NAVBAR_VERTICAL');
  */
 class SiNavbarFlyoutAnchorComponent {
     groupId = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarFlyoutAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SiNavbarFlyoutAnchorComponent, isStandalone: true, selector: "si-navbar-flyout-anchor", inputs: { groupId: { classPropertyName: "groupId", publicName: "groupId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "groupId()" } }, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarFlyoutAnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SiNavbarFlyoutAnchorComponent, isStandalone: true, selector: "si-navbar-flyout-anchor", inputs: { groupId: { classPropertyName: "groupId", publicName: "groupId", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-owns": "groupId()" } }, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarFlyoutAnchorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarFlyoutAnchorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'si-navbar-flyout-anchor',
@@ -139,10 +139,10 @@ class SiNavbarVerticalGroupTriggerDirective {
             .outsidePointerEvents()
             .subscribe(() => this.hideFlyout());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalGroupTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiNavbarVerticalGroupTriggerDirective, isStandalone: true, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: { groupTemplate: { classPropertyName: "groupTemplate", publicName: "siNavbarVerticalGroupTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, groupData: { classPropertyName: "groupData", publicName: "groupData", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { listeners: { "click": "triggered()" }, properties: { "id": "id", "class.show": "expanded()", "attr.aria-controls": "groupId", "attr.aria-expanded": "expanded()" }, classAttribute: "dropdown-toggle" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalGroupTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiNavbarVerticalGroupTriggerDirective, isStandalone: true, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: { groupTemplate: { classPropertyName: "groupTemplate", publicName: "siNavbarVerticalGroupTriggerFor", isSignal: true, isRequired: true, transformFunction: null }, groupData: { classPropertyName: "groupData", publicName: "groupData", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { listeners: { "click": "triggered()" }, properties: { "id": "id", "class.show": "expanded()", "attr.aria-controls": "groupId", "attr.aria-expanded": "expanded()" }, classAttribute: "dropdown-toggle" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalGroupTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalGroupTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[siNavbarVerticalGroupTriggerFor]',
@@ -203,10 +203,10 @@ class SiNavbarVerticalItemComponent {
             false);
         /* eslint-disable-enable @typescript-eslint/prefer-nullish-coalescing */
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiNavbarVerticalItemComponent, isStandalone: true, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: { item: { classPropertyName: "item", publicName: "si-navbar-vertical-item", isSignal: true, isRequired: true, transformFunction: null }, activeOverride: { classPropertyName: "activeOverride", publicName: "activeOverride", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "triggered()" }, properties: { "class.dropdown-item": "this.parent?.group?.flyout()", "class.navbar-vertical-item": "!this.parent?.group?.flyout()", "class.active": "active" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (item().icon) {\n  <i class=\"icon me-n2\" aria-hidden=\"true\" [ngClass]=\"[item().icon]\"></i>\n}\n@if (item().icon && item().badge) {\n  <span class=\"badge-text\">{{ item().badge }}</span>\n}\n<div\n  class=\"item-title text-truncate si-title-2\"\n  [class.visually-hidden]=\"!this.parent && this.navbar.collapsed()\"\n>\n  <ng-content />\n</div>\n@if (item().badge) {\n  <span class=\"badge\" [ngClass]=\"'bg-' + item().badgeColor\">\n    {{ item().badge }}\n  </span>\n}\n@if (group) {\n  <span aria-hidden=\"true\" class=\"dropdown-caret element-down-2 me-0 text-body\"></span>\n}\n", styles: [":host(.navbar-vertical-item){display:flex;align-items:center;position:relative;color:var(--element-text-primary);background:none;border:0;font-size:.875rem;padding-block:8px;padding-inline:0 12px;min-inline-size:0;min-block-size:40px;inline-size:100%}:host(.navbar-vertical-item) .item-title{margin-inline-start:12px}:host(.navbar-vertical-item) .icon{margin-inline-start:12px}:host(.navbar-vertical-item) .icon+.item-title{margin-inline-start:12px}:host(.navbar-vertical-item).active{color:var(--element-text-active);background:var(--element-base-1-selected)}:host(.navbar-vertical-item).active:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:0;inline-size:4px;background:var(--element-ui-0)}:host(.navbar-vertical-item):hover{text-decoration:none;background:var(--element-base-1-hover)}:host-context(.nav-scroll > .navbar-vertical-item)+:host(.navbar-vertical-item),:host-context(.nav-scroll > si-navbar-vertical-group)+:host(.navbar-vertical-item),:host-context(.nav-scroll > si-navbar-flyout-anchor)+:host(.navbar-vertical-item){margin-block-start:8px}:host-context(.nav-text-only si-navbar-vertical-group) .item-title{margin-inline-start:0}:host-context(si-navbar-vertical-group) :host(.navbar-vertical-item){padding-inline-start:32px}:host-context(si-navbar-vertical-group) :host(.navbar-vertical-item) .item-title{font-weight:400}:host(.dropdown-item) .item-title{font-weight:400}:host-context(.nav-collapsed) :is(.badge,.dropdown-caret){display:none}:host-context(si-navbar-vertical:not(.nav-collapsed)) .badge-text{display:none}:host-context(.link-with-items)>:host(button){padding-inline:12px}:host-context(.link-with-items)>:host(button) .item-title,:host-context(.link-with-items)>:host(button) .icon{display:none}:host-context(.link-with-items)>:host(button) .dropdown-caret{padding-inline:0}:host-context(.link-with-items)>:host(button):after{display:none}:host-context(.nav-collapsed .link-with-items)>:host(button){padding-inline:0}:host-context(.nav-collapsed .link-with-items)>:host(button):after{display:block}:host-context(.nav-collapsed .link-with-items)>:host(button) .icon{display:block}:host-context(.nav-collapsed .link-with-items)>:host(a){display:none}.badge{margin-inline:auto 0}.badge-text{inset-block-start:-8px;inset-inline-start:-6px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarVerticalItemComponent, isStandalone: true, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: { item: { classPropertyName: "item", publicName: "si-navbar-vertical-item", isSignal: true, isRequired: true, transformFunction: null }, activeOverride: { classPropertyName: "activeOverride", publicName: "activeOverride", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "triggered()" }, properties: { "class.dropdown-item": "this.parent?.group?.flyout()", "class.navbar-vertical-item": "!this.parent?.group?.flyout()", "class.active": "active" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (item().icon) {\n  <i class=\"icon me-n2\" aria-hidden=\"true\" [ngClass]=\"[item().icon]\"></i>\n}\n@if (item().icon && item().badge) {\n  <span class=\"badge-text\">{{ item().badge }}</span>\n}\n<div\n  class=\"item-title text-truncate si-title-2\"\n  [class.visually-hidden]=\"!this.parent && this.navbar.collapsed()\"\n>\n  <ng-content />\n</div>\n@if (item().badge) {\n  <span class=\"badge\" [ngClass]=\"'bg-' + item().badgeColor\">\n    {{ item().badge }}\n  </span>\n}\n@if (group) {\n  <span aria-hidden=\"true\" class=\"dropdown-caret element-down-2 me-0 text-body\"></span>\n}\n", styles: [":host(.navbar-vertical-item){display:flex;align-items:center;position:relative;color:var(--element-text-primary);background:none;border:0;font-size:.875rem;padding-block:8px;padding-inline:0 12px;min-inline-size:0;min-block-size:40px;inline-size:100%}:host(.navbar-vertical-item) .item-title{margin-inline-start:12px}:host(.navbar-vertical-item) .icon{margin-inline-start:12px}:host(.navbar-vertical-item) .icon+.item-title{margin-inline-start:12px}:host(.navbar-vertical-item).active{color:var(--element-text-active);background:var(--element-base-1-selected)}:host(.navbar-vertical-item).active:after{content:\"\";position:absolute;inset-block:0;inset-inline-start:0;inline-size:4px;background:var(--element-ui-0)}:host(.navbar-vertical-item):hover{text-decoration:none;background:var(--element-base-1-hover)}:host-context(.nav-scroll > .navbar-vertical-item)+:host(.navbar-vertical-item),:host-context(.nav-scroll > si-navbar-vertical-group)+:host(.navbar-vertical-item),:host-context(.nav-scroll > si-navbar-flyout-anchor)+:host(.navbar-vertical-item){margin-block-start:8px}:host-context(.nav-text-only si-navbar-vertical-group) .item-title{margin-inline-start:0}:host-context(si-navbar-vertical-group) :host(.navbar-vertical-item){padding-inline-start:32px}:host-context(si-navbar-vertical-group) :host(.navbar-vertical-item) .item-title{font-weight:400}:host(.dropdown-item) .item-title{font-weight:400}:host-context(.nav-collapsed) :is(.badge,.dropdown-caret){display:none}:host-context(si-navbar-vertical:not(.nav-collapsed)) .badge-text{display:none}:host-context(.link-with-items)>:host(button){padding-inline:12px}:host-context(.link-with-items)>:host(button) .item-title,:host-context(.link-with-items)>:host(button) .icon{display:none}:host-context(.link-with-items)>:host(button) .dropdown-caret{padding-inline:0}:host-context(.link-with-items)>:host(button):after{display:none}:host-context(.nav-collapsed .link-with-items)>:host(button){padding-inline:0}:host-context(.nav-collapsed .link-with-items)>:host(button):after{display:block}:host-context(.nav-collapsed .link-with-items)>:host(button) .icon{display:block}:host-context(.nav-collapsed .link-with-items)>:host(a){display:none}.badge{margin-inline:auto 0}.badge-text{inset-block-start:-8px;inset-inline-start:-6px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'a[si-navbar-vertical-item], button[si-navbar-vertical-item]', imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'focus-inside',
@@ -251,8 +251,8 @@ class SiNavbarVerticalGroupComponent {
     close() {
         this.groupTrigger.hideFlyout();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SiNavbarVerticalGroupComponent, isStandalone: true, selector: "si-navbar-vertical-group", host: { attributes: { "role": "group" }, listeners: { "keydown.escape": "close()" }, properties: { "id": "groupTrigger.groupId", "attr.aria-labelledby": "groupTrigger.id", "class.dropdown-menu": "flyout", "@collapse": "state() ?? \"collapsed\"" } }, ngImport: i0, template: `<div [cdkTrapFocus]="flyout" [cdkTrapFocusAutoCapture]="flyout">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SiNavbarVerticalGroupComponent, isStandalone: true, selector: "si-navbar-vertical-group", host: { attributes: { "role": "group" }, listeners: { "keydown.escape": "close()" }, properties: { "id": "groupTrigger.groupId", "attr.aria-labelledby": "groupTrigger.id", "class.dropdown-menu": "flyout", "@collapse": "state() ?? \"collapsed\"" } }, ngImport: i0, template: `<div [cdkTrapFocus]="flyout" [cdkTrapFocusAutoCapture]="flyout">
     <ng-content />
   </div>`, isInline: true, styles: [":host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
             trigger('collapse', [
@@ -267,7 +267,7 @@ class SiNavbarVerticalGroupComponent {
             ])
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-vertical-group', imports: [CdkTrapFocus], template: `<div [cdkTrapFocus]="flyout" [cdkTrapFocusAutoCapture]="flyout">
     <ng-content />
@@ -300,8 +300,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  */
 class SiNavbarVerticalHeaderComponent {
     navbar = inject(SI_NAVBAR_VERTICAL);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiNavbarVerticalHeaderComponent, isStandalone: true, selector: "si-navbar-vertical-header", host: { properties: { "@headerCollapse": "navbar.collapsed()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarVerticalHeaderComponent, isStandalone: true, selector: "si-navbar-vertical-header", host: { properties: { "@headerCollapse": "navbar.collapsed()" } }, ngImport: i0, template: `
     @if (!navbar.collapsed()) {
       <div class="si-title-2 text-secondary p-5">
         <ng-content />
@@ -326,7 +326,7 @@ class SiNavbarVerticalHeaderComponent {
             ])
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-vertical-header', imports: [SiNavbarVerticalDividerComponent], template: `
     @if (!navbar.collapsed()) {
@@ -386,10 +386,10 @@ class SiNavbarVerticalItemLegacyComponent {
     siLinks = viewChildren(SiLinkDirective);
     itemActive = computed(() => (this.navbar.collapsed() || !this.expanded()) && this.siLinks().some(link => link.active()));
     navbar = inject(SI_NAVBAR_VERTICAL);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiNavbarVerticalItemLegacyComponent, isStandalone: true, selector: "si-navbar-vertical-item-legacy", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, navbarExpandButtonText: { classPropertyName: "navbarExpandButtonText", publicName: "navbarExpandButtonText", isSignal: true, isRequired: true, transformFunction: null }, navbarCollapseButtonText: { classPropertyName: "navbarCollapseButtonText", publicName: "navbarCollapseButtonText", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "d-block mb-4" }, viewQueries: [{ propertyName: "siLinks", predicate: SiLinkDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- section header -->\n@if (!isLink() && !item().items) {\n  <si-navbar-vertical-header>\n    {{ item().title | translate }}\n  </si-navbar-vertical-header>\n} @else if (isLink() && !item().items) {\n  <a [si-navbar-vertical-item]=\"item()\" [siLink]=\"item()\">\n    {{ item().title | translate }}\n  </a>\n} @else if (isLink() && item().items) {\n  <div class=\"link-with-items\">\n    <a\n      #mainLink\n      [si-navbar-vertical-item]=\"item()\"\n      [siLink]=\"item()\"\n      [activeOverride]=\"itemActive()\"\n    >\n      {{ item().title | translate }}\n    </a>\n    <button\n      type=\"button\"\n      class=\"mt-0\"\n      [si-navbar-vertical-item]=\"item()\"\n      [siNavbarVerticalGroupTriggerFor]=\"group\"\n      [activeOverride]=\"mainLink.active\"\n      [attr.aria-label]=\"toggleButtonLabel() + ' ' + item().title | translate\"\n      [(expanded)]=\"expanded\"\n    >\n      {{ item().title | translate }}\n    </button>\n  </div>\n} @else if (item().items) {\n  <button\n    type=\"button\"\n    [si-navbar-vertical-item]=\"item()\"\n    [siNavbarVerticalGroupTriggerFor]=\"group\"\n    [activeOverride]=\"itemActive()\"\n    [(expanded)]=\"expanded\"\n  >\n    {{ item().title | translate }}\n  </button>\n}\n\n<ng-template #group>\n  <si-navbar-vertical-group>\n    @for (subitem of flyoutItems(); track $index) {\n      <a activeClass=\"active\" [si-navbar-vertical-item]=\"subitem\" [siLink]=\"subitem\">\n        {{ subitem.title | translate }}\n      </a>\n    }\n  </si-navbar-vertical-group>\n</ng-template>\n", styles: [".link-with-items{display:grid;grid-template-columns:1fr auto;grid-template-areas:\"- -\" \"items items\"}si-navbar-vertical-group{grid-area:items}\n"], dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiNavbarVerticalItemComponent, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: ["si-navbar-vertical-item", "activeOverride"] }, { kind: "directive", type: SiNavbarVerticalGroupTriggerDirective, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: ["siNavbarVerticalGroupTriggerFor", "groupData", "stateId", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiNavbarVerticalGroupComponent, selector: "si-navbar-vertical-group" }, { kind: "component", type: SiNavbarVerticalHeaderComponent, selector: "si-navbar-vertical-header" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarVerticalItemLegacyComponent, isStandalone: true, selector: "si-navbar-vertical-item-legacy", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, navbarExpandButtonText: { classPropertyName: "navbarExpandButtonText", publicName: "navbarExpandButtonText", isSignal: true, isRequired: true, transformFunction: null }, navbarCollapseButtonText: { classPropertyName: "navbarCollapseButtonText", publicName: "navbarCollapseButtonText", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { classAttribute: "d-block mb-4" }, viewQueries: [{ propertyName: "siLinks", predicate: SiLinkDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<!-- section header -->\n@if (!isLink() && !item().items) {\n  <si-navbar-vertical-header>\n    {{ item().title | translate }}\n  </si-navbar-vertical-header>\n} @else if (isLink() && !item().items) {\n  <a [si-navbar-vertical-item]=\"item()\" [siLink]=\"item()\">\n    {{ item().title | translate }}\n  </a>\n} @else if (isLink() && item().items) {\n  <div class=\"link-with-items\">\n    <a\n      #mainLink\n      [si-navbar-vertical-item]=\"item()\"\n      [siLink]=\"item()\"\n      [activeOverride]=\"itemActive()\"\n    >\n      {{ item().title | translate }}\n    </a>\n    <button\n      type=\"button\"\n      class=\"mt-0\"\n      [si-navbar-vertical-item]=\"item()\"\n      [siNavbarVerticalGroupTriggerFor]=\"group\"\n      [activeOverride]=\"mainLink.active\"\n      [attr.aria-label]=\"toggleButtonLabel() + ' ' + item().title | translate\"\n      [(expanded)]=\"expanded\"\n    >\n      {{ item().title | translate }}\n    </button>\n  </div>\n} @else if (item().items) {\n  <button\n    type=\"button\"\n    [si-navbar-vertical-item]=\"item()\"\n    [siNavbarVerticalGroupTriggerFor]=\"group\"\n    [activeOverride]=\"itemActive()\"\n    [(expanded)]=\"expanded\"\n  >\n    {{ item().title | translate }}\n  </button>\n}\n\n<ng-template #group>\n  <si-navbar-vertical-group>\n    @for (subitem of flyoutItems(); track $index) {\n      <a activeClass=\"active\" [si-navbar-vertical-item]=\"subitem\" [siLink]=\"subitem\">\n        {{ subitem.title | translate }}\n      </a>\n    }\n  </si-navbar-vertical-group>\n</ng-template>\n", styles: [".link-with-items{display:grid;grid-template-columns:1fr auto;grid-template-areas:\"- -\" \"items items\"}si-navbar-vertical-group{grid-area:items}\n"], dependencies: [{ kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiNavbarVerticalItemComponent, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: ["si-navbar-vertical-item", "activeOverride"] }, { kind: "directive", type: SiNavbarVerticalGroupTriggerDirective, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: ["siNavbarVerticalGroupTriggerFor", "groupData", "stateId", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiNavbarVerticalGroupComponent, selector: "si-navbar-vertical-group" }, { kind: "component", type: SiNavbarVerticalHeaderComponent, selector: "si-navbar-vertical-header" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemLegacyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemLegacyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-vertical-item-legacy', imports: [
                         SiLinkDirective,
@@ -412,10 +412,10 @@ class SiNavbarVerticalItemGuardDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiNavbarVerticalItemGuardDirective, isStandalone: true, selector: "[siNavbarVerticalItemGuard]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiNavbarVerticalItemGuardDirective, isStandalone: true, selector: "[siNavbarVerticalItemGuard]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalItemGuardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalItemGuardDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[siNavbarVerticalItemGuard]' }]
         }] });
@@ -437,10 +437,10 @@ class SiNavbarVerticalComponent {
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
      * ```
      */
-    searchPlaceholder = input($localize `:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`);
+    searchPlaceholder = input(t(() => $localize `:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`));
     /**
      * List of vertical navigation items
      *
@@ -469,30 +469,24 @@ class SiNavbarVerticalComponent {
      * @defaultValue true
      */
     visible = input(true, { transform: booleanAttribute });
-    /**
-     * @deprecated dropped without replacement.
-     *
-     * @defaultValue undefined
-     */
-    autoCollapseDelay = input(undefined, { transform: numberAttribute });
     /**
      * Text for the navbar expand button. Required for a11y
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
      * ```
      */
-    navbarExpandButtonText = input($localize `:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`);
+    navbarExpandButtonText = input(t(() => $localize `:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`));
     /**
      * Text for the navbar collapse button. Required for a11y
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
      * ```
      */
-    navbarCollapseButtonText = input($localize `:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`);
+    navbarCollapseButtonText = input(t(() => $localize `:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`));
     /**
      * An optional stateId to uniquely identify a component instance.
      * Required for persistence of ui state.
@@ -503,19 +497,19 @@ class SiNavbarVerticalComponent {
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)
      * ```
      */
-    skipLinkNavigationLabel = input($localize `:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`);
+    skipLinkNavigationLabel = input(t(() => $localize `:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`));
     /**
      * Label for the skip link to main content
      *
      * @defaultValue
      * ```
-     * $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`
+     * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)
      * ```
      */
-    skipLinkMainContentLabel = input($localize `:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`);
+    skipLinkMainContentLabel = input(t(() => $localize `:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`));
     /**
      * Output for search bar input
      */
@@ -581,14 +575,6 @@ class SiNavbarVerticalComponent {
         this.collapsed.set(false);
         if (!this.smallScreen()) {
             this.preferCollapse = this.collapsed();
-            const autoCollapseDelay = this.autoCollapseDelay();
-            if (autoCollapseDelay) {
-                setTimeout(() => {
-                    if (!this.collapsed()) {
-                        this.toggleCollapse();
-                    }
-                }, autoCollapseDelay);
-            }
         }
         this.saveUIState();
     }
@@ -657,8 +643,8 @@ class SiNavbarVerticalComponent {
     isLegacyStyle(item) {
         return !('type' in item && item.type !== 'check' && item.type !== 'radio');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiNavbarVerticalComponent, isStandalone: true, selector: "si-navbar-vertical", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, textOnly: { classPropertyName: "textOnly", publicName: "textOnly", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, autoCollapseDelay: { classPropertyName: "autoCollapseDelay", publicName: "autoCollapseDelay", isSignal: true, isRequired: false, transformFunction: null }, navbarExpandButtonText: { classPropertyName: "navbarExpandButtonText", publicName: "navbarExpandButtonText", isSignal: true, isRequired: false, transformFunction: null }, navbarCollapseButtonText: { classPropertyName: "navbarCollapseButtonText", publicName: "navbarCollapseButtonText", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, skipLinkNavigationLabel: { classPropertyName: "skipLinkNavigationLabel", publicName: "skipLinkNavigationLabel", isSignal: true, isRequired: false, transformFunction: null }, skipLinkMainContentLabel: { classPropertyName: "skipLinkMainContentLabel", publicName: "skipLinkMainContentLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", items: "itemsChange", searchEvent: "searchEvent" }, host: { properties: { "class.nav-collapsed": "collapsed()", "class.nav-text-only": "textOnly()", "class.visible": "visible()", "class.ready": "this.ready" }, classAttribute: "si-layout-inner" }, providers: [{ provide: SI_NAVBAR_VERTICAL, useExisting: SiNavbarVerticalComponent }], viewQueries: [{ propertyName: "searchBar", first: true, predicate: SiSearchBarComponent, descendants: true, isSignal: true }, { propertyName: "navbarItems", predicate: SiNavbarVerticalItemComponent, descendants: true, isSignal: true }, { propertyName: "navbarItemsLegacy", predicate: SiNavbarVerticalItemLegacyComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (visible()) {\n  @if (smallScreen() && !collapsed()) {\n    <div\n      class=\"modal-backdrop\"\n      [@backdrop]=\"smallScreen() && !collapsed() ? 'show' : 'hide'\"\n      (click)=\"toggleCollapse()\"\n    ></div>\n  }\n  <nav\n    tabindex=\"-1\"\n    class=\"bg-base-1 focus-sub-inside\"\n    [siSkipLinkTarget]=\"skipLinkNavigationLabel()\"\n    [@collapse]=\"collapsed() ? 'collapsed' : 'expanded'\"\n    [class.text-only]=\"textOnly()\"\n  >\n    <div class=\"collapse-toggle ms-auto\">\n      <div class=\"mobile-drawer focus-inside navbar-vertical-no-collapse\">\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-ghost flip-rtl\"\n          [class.element-double-left]=\"!collapsed()\"\n          [class.element-double-right]=\"collapsed()\"\n          [attr.aria-label]=\"\n            (collapsed() ? navbarExpandButtonText() : navbarCollapseButtonText()) | translate\n          \"\n          [attr.aria-expanded]=\"!collapsed()\"\n          (click)=\"toggleCollapse()\"\n        >\n        </button>\n      </div>\n    </div>\n    @if (searchable()) {\n      <div class=\"nav-search\">\n        <si-search-bar\n          class=\"mx-4\"\n          colorVariant=\"base-0\"\n          prohibitedCharacters=\"*?\"\n          [placeholder]=\"searchPlaceholder() | translate\"\n          [debounceTime]=\"searchInputDelay\"\n          [showIcon]=\"true\"\n          (searchChange)=\"doSearch($event)\"\n        />\n        <button\n          type=\"button\"\n          class=\"btn-search bg-base-0 p-2 mx-4 mobile navbar-vertical-no-collapse text-secondary\"\n          [attr.aria-label]=\"searchPlaceholder() | translate\"\n          (click)=\"expandForSearch()\"\n        >\n          <i class=\"icon element-search\"></i>\n        </button>\n      </div>\n    }\n    <div class=\"nav-scroll\">\n      @for (item of items(); track $index) {\n        @if (isLegacyStyle(item)) {\n          <si-navbar-vertical-item-legacy\n            [item]=\"item\"\n            [navbarExpandButtonText]=\"navbarExpandButtonText() | translate\"\n            [navbarCollapseButtonText]=\"navbarCollapseButtonText() | translate\"\n            [expanded]=\"\n              (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n            \"\n          />\n        } @else {\n          <ng-container *ngTemplateOutlet=\"navbarItems; context: { item }\" />\n        }\n      }\n    </div>\n  </nav>\n}\n<main\n  class=\"si-layout-inner focus-none\"\n  tabindex=\"-1\"\n  [siSkipLinkTarget]=\"skipLinkMainContentLabel()\"\n>\n  <ng-content />\n</main>\n\n<ng-template #navbarItems let-item=\"item\" siNavbarVerticalItemGuard>\n  @switch (item.type) {\n    @case ('group') {\n      <button\n        type=\"button\"\n        [si-navbar-vertical-item]=\"item\"\n        [stateId]=\"item.id\"\n        [siNavbarVerticalGroupTriggerFor]=\"group\"\n        [groupData]=\"{ group: item }\"\n        [expanded]=\"\n          (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n        \"\n      >\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('action') {\n      <button type=\"button\" [si-navbar-vertical-item]=\"item\" [activeOverride]=\"item.active\">\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('router-link') {\n      <a\n        routerLinkActive\n        [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n        [si-navbar-vertical-item]=\"item\"\n        [routerLink]=\"item.routerLink\"\n        [queryParams]=\"item.extras?.queryParams\"\n        [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n        [fragment]=\"item.extras?.fragment\"\n        [state]=\"item.extras?.state\"\n        [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n        [preserveFragment]=\"item.extras?.preserveFragment\"\n        [skipLocationChange]=\"item.extras?.skipLocationChange\"\n        [replaceUrl]=\"item.extras?.replaceUrl\"\n      >\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('link') {\n      <a [si-navbar-vertical-item]=\"item\" [href]=\"item.href\" [target]=\"item.target\">\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('divider') {\n      <si-navbar-vertical-divider />\n    }\n    @case ('header') {\n      <si-navbar-vertical-header>\n        {{ item.label | translate }}\n      </si-navbar-vertical-header>\n    }\n  }\n</ng-template>\n\n<ng-template #group let-group=\"group\" siNavbarVerticalItemGuard>\n  <si-navbar-vertical-group routerLinkActive>\n    @for (item of group.children; track $index) {\n      <!-- a copy from above, but we have to nest the items to make routerLink active work -->\n      @switch (item.type) {\n        @case ('router-link') {\n          <a\n            routerLinkActive\n            [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n            [si-navbar-vertical-item]=\"item\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n          >\n            {{ item.label | translate }}\n          </a>\n        }\n        @case ('action') {\n          <button type=\"button\" [si-navbar-vertical-item]=\"item\" [activeOverride]=\"item.active\">\n            {{ item.label | translate }}\n          </button>\n        }\n        @case ('link') {\n          <a [si-navbar-vertical-item]=\"item\" [href]=\"item.href\" [target]=\"item.target\">\n            {{ item.label | translate }}\n          </a>\n        }\n      }\n    }\n  </si-navbar-vertical-group>\n</ng-template>\n", styles: [":host{display:block;transition:padding-inline-start calc(.5s * var(--element-animations-enabled, 1));--si-layout-header-first-element-offset: 40px}:host.ready:not(.visible){padding-inline-start:0!important}nav{display:flex;flex-direction:column;position:fixed;z-index:1031;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-start:0;inline-size:0}:host(.nav-collapsed) nav{z-index:1030}.nav-scroll{overflow-x:hidden;min-block-size:0;flex:1 0 0;overflow-y:auto;margin-block-start:8px}:host(.nav-collapsed) .nav-scroll{display:none}.mobile-drawer{display:block;text-align:end;border:0;inline-size:48px;color:var(--element-text-primary);padding-block:4px;padding-inline:8px;margin-block-start:8px;border-start-end-radius:var(--element-radius-2);border-end-end-radius:var(--element-radius-2)}.nav-search{display:flex;align-items:center;block-size:40px;margin-block-start:8px;overflow-x:hidden}:host(.nav-collapsed) .nav-search{display:none}si-search-bar{inline-size:100%}.btn-search{display:none;border:0;border-radius:var(--element-radius-2)}:host.nav-collapsed .mobile-drawer{border:0;color:var(--element-text-primary);background:var(--element-base-1);text-align:end;box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2)}:host.nav-collapsed si-search-bar{display:none}.modal-backdrop{z-index:1031;opacity:0}@media (min-width: 576px){:host:not(.nav-text-only),:host:not(.nav-collapsed){--si-layout-header-first-element-offset: 0}:host:not(.nav-text-only){padding-inline-start:48px}:host:not(.nav-text-only) .mobile-drawer{background:transparent;box-shadow:none}:host:not(.nav-text-only).nav-collapsed .nav-scroll{display:block}:host:not(.nav-text-only).nav-collapsed .nav-search{display:flex}.btn-search{display:none}:host.nav-collapsed .btn-search{display:block}:host:not(.nav-text-only) nav{inline-size:48px}}@media (min-width: 992px){:host:not(.nav-collapsed){padding-inline-start:240px}}\n"], dependencies: [{ kind: "component", type: SiNavbarVerticalItemLegacyComponent, selector: "si-navbar-vertical-item-legacy", inputs: ["item", "navbarExpandButtonText", "navbarCollapseButtonText", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "tabbable", "value", "readonly", "colorVariant", "disabled"], outputs: ["searchChange"] }, { kind: "directive", type: SiSkipLinkTargetDirective, selector: "[siSkipLinkTarget]", inputs: ["siSkipLinkTarget"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiNavbarVerticalItemComponent, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: ["si-navbar-vertical-item", "activeOverride"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SiNavbarVerticalItemGuardDirective, selector: "[siNavbarVerticalItemGuard]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiNavbarVerticalGroupComponent, selector: "si-navbar-vertical-group" }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: SiNavbarVerticalGroupTriggerDirective, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: ["siNavbarVerticalGroupTriggerFor", "groupData", "stateId", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiNavbarVerticalDividerComponent, selector: "si-navbar-vertical-divider" }, { kind: "component", type: SiNavbarVerticalHeaderComponent, selector: "si-navbar-vertical-header" }], animations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiNavbarVerticalComponent, isStandalone: true, selector: "si-navbar-vertical", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, textOnly: { classPropertyName: "textOnly", publicName: "textOnly", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, navbarExpandButtonText: { classPropertyName: "navbarExpandButtonText", publicName: "navbarExpandButtonText", isSignal: true, isRequired: false, transformFunction: null }, navbarCollapseButtonText: { classPropertyName: "navbarCollapseButtonText", publicName: "navbarCollapseButtonText", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, skipLinkNavigationLabel: { classPropertyName: "skipLinkNavigationLabel", publicName: "skipLinkNavigationLabel", isSignal: true, isRequired: false, transformFunction: null }, skipLinkMainContentLabel: { classPropertyName: "skipLinkMainContentLabel", publicName: "skipLinkMainContentLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange", items: "itemsChange", searchEvent: "searchEvent" }, host: { properties: { "class.nav-collapsed": "collapsed()", "class.nav-text-only": "textOnly()", "class.visible": "visible()", "class.ready": "this.ready" }, classAttribute: "si-layout-inner" }, providers: [{ provide: SI_NAVBAR_VERTICAL, useExisting: SiNavbarVerticalComponent }], viewQueries: [{ propertyName: "searchBar", first: true, predicate: SiSearchBarComponent, descendants: true, isSignal: true }, { propertyName: "navbarItems", predicate: SiNavbarVerticalItemComponent, descendants: true, isSignal: true }, { propertyName: "navbarItemsLegacy", predicate: SiNavbarVerticalItemLegacyComponent, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (visible()) {\n  @if (smallScreen() && !collapsed()) {\n    <div\n      class=\"modal-backdrop\"\n      [@backdrop]=\"smallScreen() && !collapsed() ? 'show' : 'hide'\"\n      (click)=\"toggleCollapse()\"\n    ></div>\n  }\n  <nav\n    tabindex=\"-1\"\n    class=\"bg-base-1 focus-sub-inside\"\n    [siSkipLinkTarget]=\"skipLinkNavigationLabel()\"\n    [@collapse]=\"collapsed() ? 'collapsed' : 'expanded'\"\n    [class.text-only]=\"textOnly()\"\n  >\n    <div class=\"collapse-toggle ms-auto\">\n      <div class=\"mobile-drawer focus-inside navbar-vertical-no-collapse\">\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-ghost flip-rtl\"\n          [class.element-double-left]=\"!collapsed()\"\n          [class.element-double-right]=\"collapsed()\"\n          [attr.aria-label]=\"\n            (collapsed() ? navbarExpandButtonText() : navbarCollapseButtonText()) | translate\n          \"\n          [attr.aria-expanded]=\"!collapsed()\"\n          (click)=\"toggleCollapse()\"\n        >\n        </button>\n      </div>\n    </div>\n    @if (searchable()) {\n      <div class=\"nav-search\">\n        <si-search-bar\n          class=\"mx-4\"\n          colorVariant=\"base-0\"\n          prohibitedCharacters=\"*?\"\n          [placeholder]=\"searchPlaceholder() | translate\"\n          [debounceTime]=\"searchInputDelay\"\n          [showIcon]=\"true\"\n          (searchChange)=\"doSearch($event)\"\n        />\n        <button\n          type=\"button\"\n          class=\"btn-search bg-base-0 p-2 mx-4 mobile navbar-vertical-no-collapse text-secondary\"\n          [attr.aria-label]=\"searchPlaceholder() | translate\"\n          (click)=\"expandForSearch()\"\n        >\n          <i class=\"icon element-search\"></i>\n        </button>\n      </div>\n    }\n    <div class=\"nav-scroll\">\n      @for (item of items(); track $index) {\n        @if (isLegacyStyle(item)) {\n          <si-navbar-vertical-item-legacy\n            [item]=\"item\"\n            [navbarExpandButtonText]=\"navbarExpandButtonText() | translate\"\n            [navbarCollapseButtonText]=\"navbarCollapseButtonText() | translate\"\n            [expanded]=\"\n              (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n            \"\n          />\n        } @else {\n          <ng-container *ngTemplateOutlet=\"navbarItems; context: { item }\" />\n        }\n      }\n    </div>\n  </nav>\n}\n<main\n  class=\"si-layout-inner focus-none\"\n  tabindex=\"-1\"\n  [siSkipLinkTarget]=\"skipLinkMainContentLabel()\"\n>\n  <ng-content />\n</main>\n\n<ng-template #navbarItems let-item=\"item\" siNavbarVerticalItemGuard>\n  @switch (item.type) {\n    @case ('group') {\n      <button\n        type=\"button\"\n        [si-navbar-vertical-item]=\"item\"\n        [stateId]=\"item.id\"\n        [siNavbarVerticalGroupTriggerFor]=\"group\"\n        [groupData]=\"{ group: item }\"\n        [expanded]=\"\n          (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n        \"\n      >\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('action') {\n      <button type=\"button\" [si-navbar-vertical-item]=\"item\" [activeOverride]=\"item.active\">\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('router-link') {\n      <a\n        routerLinkActive\n        [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n        [si-navbar-vertical-item]=\"item\"\n        [routerLink]=\"item.routerLink\"\n        [queryParams]=\"item.extras?.queryParams\"\n        [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n        [fragment]=\"item.extras?.fragment\"\n        [state]=\"item.extras?.state\"\n        [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n        [preserveFragment]=\"item.extras?.preserveFragment\"\n        [skipLocationChange]=\"item.extras?.skipLocationChange\"\n        [replaceUrl]=\"item.extras?.replaceUrl\"\n      >\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('link') {\n      <a [si-navbar-vertical-item]=\"item\" [href]=\"item.href\" [target]=\"item.target\">\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('divider') {\n      <si-navbar-vertical-divider />\n    }\n    @case ('header') {\n      <si-navbar-vertical-header>\n        {{ item.label | translate }}\n      </si-navbar-vertical-header>\n    }\n  }\n</ng-template>\n\n<ng-template #group let-group=\"group\" siNavbarVerticalItemGuard>\n  <si-navbar-vertical-group routerLinkActive>\n    @for (item of group.children; track $index) {\n      <!-- a copy from above, but we have to nest the items to make routerLink active work -->\n      @switch (item.type) {\n        @case ('router-link') {\n          <a\n            routerLinkActive\n            [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n            [si-navbar-vertical-item]=\"item\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n          >\n            {{ item.label | translate }}\n          </a>\n        }\n        @case ('action') {\n          <button type=\"button\" [si-navbar-vertical-item]=\"item\" [activeOverride]=\"item.active\">\n            {{ item.label | translate }}\n          </button>\n        }\n        @case ('link') {\n          <a [si-navbar-vertical-item]=\"item\" [href]=\"item.href\" [target]=\"item.target\">\n            {{ item.label | translate }}\n          </a>\n        }\n      }\n    }\n  </si-navbar-vertical-group>\n</ng-template>\n", styles: [":host{display:block;transition:padding-inline-start calc(.5s * var(--element-animations-enabled, 1));--si-layout-header-first-element-offset: 40px}:host.ready:not(.visible){padding-inline-start:0!important}nav{display:flex;flex-direction:column;position:fixed;z-index:1031;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-block-end:0;inset-inline-start:0;inline-size:0}:host(.nav-collapsed) nav{z-index:1030}.nav-scroll{overflow-x:hidden;min-block-size:0;flex:1 0 0;overflow-y:auto;margin-block-start:8px}:host(.nav-collapsed) .nav-scroll{display:none}.mobile-drawer{display:block;text-align:end;border:0;inline-size:48px;color:var(--element-text-primary);padding-block:4px;padding-inline:8px;margin-block-start:8px;border-start-end-radius:var(--element-radius-2);border-end-end-radius:var(--element-radius-2)}.nav-search{display:flex;align-items:center;block-size:40px;margin-block-start:8px;overflow-x:hidden}:host(.nav-collapsed) .nav-search{display:none}si-search-bar{inline-size:100%}.btn-search{display:none;border:0;border-radius:var(--element-radius-2)}:host.nav-collapsed .mobile-drawer{border:0;color:var(--element-text-primary);background:var(--element-base-1);text-align:end;box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2)}:host.nav-collapsed si-search-bar{display:none}.modal-backdrop{z-index:1031;opacity:0}@media (min-width: 576px){:host:not(.nav-text-only),:host:not(.nav-collapsed){--si-layout-header-first-element-offset: 0}:host:not(.nav-text-only){padding-inline-start:48px}:host:not(.nav-text-only) .mobile-drawer{background:transparent;box-shadow:none}:host:not(.nav-text-only).nav-collapsed .nav-scroll{display:block}:host:not(.nav-text-only).nav-collapsed .nav-search{display:flex}.btn-search{display:none}:host.nav-collapsed .btn-search{display:block}:host:not(.nav-text-only) nav{inline-size:48px}}@media (min-width: 992px){:host:not(.nav-collapsed){padding-inline-start:240px}}\n"], dependencies: [{ kind: "component", type: SiNavbarVerticalItemLegacyComponent, selector: "si-navbar-vertical-item-legacy", inputs: ["item", "navbarExpandButtonText", "navbarCollapseButtonText", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "tabbable", "value", "readonly", "colorVariant", "disabled"], outputs: ["searchChange"] }, { kind: "directive", type: SiSkipLinkTargetDirective, selector: "[siSkipLinkTarget]", inputs: ["siSkipLinkTarget"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiNavbarVerticalItemComponent, selector: "a[si-navbar-vertical-item], button[si-navbar-vertical-item]", inputs: ["si-navbar-vertical-item", "activeOverride"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SiNavbarVerticalItemGuardDirective, selector: "[siNavbarVerticalItemGuard]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiNavbarVerticalGroupComponent, selector: "si-navbar-vertical-group" }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: SiNavbarVerticalGroupTriggerDirective, selector: "button[siNavbarVerticalGroupTriggerFor]", inputs: ["siNavbarVerticalGroupTriggerFor", "groupData", "stateId", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: SiNavbarVerticalDividerComponent, selector: "si-navbar-vertical-divider" }, { kind: "component", type: SiNavbarVerticalHeaderComponent, selector: "si-navbar-vertical-header" }], animations: [
             trigger('collapse', [
                 state('expanded', style({ 'inline-size': '240px' })),
                 state('collapsed', style({ 'inline-size': '*' })),
@@ -702,7 +688,7 @@ class SiNavbarVerticalComponent {
             ])
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-navbar-vertical', imports: [
                         SiNavbarVerticalItemLegacyComponent,
@@ -776,11 +762,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiNavbarVerticalModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalModule, imports: [SiNavbarVerticalComponent], exports: [SiNavbarVerticalComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalModule, imports: [SiNavbarVerticalComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalModule, imports: [SiNavbarVerticalComponent], exports: [SiNavbarVerticalComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalModule, imports: [SiNavbarVerticalComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNavbarVerticalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiNavbarVerticalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiNavbarVerticalComponent],