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

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-action-modal.mjs","sources":["../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.ts","../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.html","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.ts","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.html","../../../../projects/element-ng/action-modal/si-action-dialog.service.ts","../../../../projects/element-ng/action-modal/index.ts","../../../../projects/element-ng/action-modal/siemens-element-ng-action-modal.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { AlertDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-alert-dialog',\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-alert-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiAlertDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`)\n   * ```\n   */\n  readonly confirmBtnName = input(t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`));\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiAlertDialogComponent, AlertDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { ConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-confirmation-dialog',\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`)\n   * ```\n   */\n  readonly confirmBtnName = input(t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`));\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`)\n   * ```\n   */\n  readonly declineBtnName = input(t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`));\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiConfirmationDialogComponent, ConfirmationDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { DeleteConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-delete-confirmation-dialog',\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-delete-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDeleteConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`)\n   * ```\n   */\n  readonly message = input(\n    t(\n      () =>\n        $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)\n   * ```\n   */\n  readonly deleteBtnName = input(\n    t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)\n   * ```\n   */\n  readonly cancelBtnName = input(\n    t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(\n    ModalRef<SiDeleteConfirmationDialogComponent, DeleteConfirmationDialogResult>\n  );\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { EditDiscardDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-edit-discard-dialog',\n  imports: [AsyncPipe, SiIconNextComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-edit-discard-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiEditDiscardDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`)\n   * ```\n   */\n  readonly message = input(\n    t(\n      () =>\n        $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`)\n   * ```\n   */\n  readonly saveBtnName = input(t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`));\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`)\n   * ```\n   */\n  readonly discardBtnName = input(\n    t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`)\n   * ```\n   */\n  readonly cancelBtnName = input(t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`));\n  /** @defaultValue false */\n  readonly disableSave = input(false, { transform: booleanAttribute });\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`)\n   * ```\n   */\n  readonly disableSaveMessage = input<TranslatableString>(\n    t(\n      () =>\n        $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)\n   * ```\n   */\n  readonly disableSaveDiscardBtnName = input<TranslatableString>(\n    t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiEditDiscardDialogComponent, EditDiscardDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon-next class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { inject, Injectable } from '@angular/core';\nimport {\n  createModalConfig,\n  ModalDependencyInjectionOptions,\n  SiModalService\n} from '@siemens/element-ng/modal';\nimport { Observable, Subscriber, Subscription, switchMap, take } from 'rxjs';\n\nimport { ActionDialog, ActionDialogReturnType } from './si-action-dialog.types';\nimport { SiAlertDialogComponent } from './si-alert-dialog/si-alert-dialog.component';\nimport { SiConfirmationDialogComponent } from './si-confirmation-dialog/si-confirmation-dialog.component';\nimport { SiDeleteConfirmationDialogComponent } from './si-delete-confirmation-dialog/si-delete-confirmation-dialog.component';\nimport { SiEditDiscardDialogComponent } from './si-edit-discard-dialog/si-edit-discard-dialog.component';\n\nconst ACTION_DIALOG_COMPONENT: Record<ActionDialog['type'], new (...args: any[]) => any> = {\n  'alert': SiAlertDialogComponent,\n  'confirmation': SiConfirmationDialogComponent,\n  'delete-confirm': SiDeleteConfirmationDialogComponent,\n  'edit-discard': SiEditDiscardDialogComponent\n};\n\nconst ACTION_DIALOG_DEFAULT_CLOSE_VALUE: Record<ActionDialog['type'], string> = {\n  'alert': 'confirm',\n  'confirmation': 'decline',\n  'delete-confirm': 'cancel',\n  'edit-discard': 'cancel'\n};\n\n/**\n * The service provides convenient methods to show common modal dialogs.\n * All return an observable, which emit the dialog results. After emitting,\n * the observables complete. Therefore, clients do not need to unsubscribe.\n */\n@Injectable({ providedIn: 'root' })\nexport class SiActionDialogService {\n  private modalService = inject(SiModalService);\n\n  /**\n   * Shows an action dialog\n   * @param dialog - The dialog configuration\n   * @param diOptions - Optional DI configuration.\n   * @returns Observable for the result of the dialog. Need to `subscribe()` to show the dialog\n   */\n  showActionDialog<T extends ActionDialog>(\n    dialog: T,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<ActionDialogReturnType<T>> {\n    return new Observable<ActionDialogReturnType<T>>(subscriber => {\n      const { type, delayDismiss, ...inputs } = dialog;\n      const config = createModalConfig(inputs);\n\n      config.keyboard = true;\n      config.messageInsteadOfAutoHide = !!delayDismiss;\n      Object.assign(config, diOptions);\n\n      const modalRef = this.modalService.show(\n        ACTION_DIALOG_COMPONENT[type],\n        config,\n        ACTION_DIALOG_DEFAULT_CLOSE_VALUE[type] as ActionDialogReturnType<T>\n      );\n\n      let subscription: Subscription | undefined;\n      if (delayDismiss) {\n        // `any`because TS cannot infer types correctly\n        subscription = modalRef.message\n          .pipe(take(1), switchMap(delayDismiss as any))\n          .subscribe(modalRef.hide);\n      }\n      // ModalRef always allows emitting undefined. But we know that we don't emit undefined here, so do typecast.\n      modalRef.hidden.subscribe(subscriber as Subscriber<ActionDialogReturnType<T> | undefined>);\n\n      return () => {\n        subscription?.unsubscribe();\n        modalRef.detach();\n      };\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-action-dialog.service';\nexport * from './si-action-dialog.types';\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-action-modal.mjs","sources":["../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.ts","../../../../projects/element-ng/action-modal/si-alert-dialog/si-alert-dialog.component.html","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-confirmation-dialog/si-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.ts","../../../../projects/element-ng/action-modal/si-delete-confirmation-dialog/si-delete-confirmation-dialog.component.html","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.ts","../../../../projects/element-ng/action-modal/si-edit-discard-dialog/si-edit-discard-dialog.component.html","../../../../projects/element-ng/action-modal/si-action-dialog.service.ts","../../../../projects/element-ng/action-modal/index.ts","../../../../projects/element-ng/action-modal/siemens-element-ng-action-modal.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { AlertDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-alert-dialog',\n  imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-alert-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiAlertDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`)\n   * ```\n   */\n  readonly confirmBtnName = input(t(() => $localize`:@@SI_ALERT_DIALOG.OK:OK`));\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiAlertDialogComponent, AlertDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"confirmBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { ConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-confirmation-dialog',\n  imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue '' */\n  readonly message = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`)\n   * ```\n   */\n  readonly confirmBtnName = input(t(() => $localize`:@@SI_CONFIRMATION_DIALOG.YES:Yes`));\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`)\n   * ```\n   */\n  readonly declineBtnName = input(t(() => $localize`:@@SI_CONFIRMATION_DIALOG.NO:No`));\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiConfirmationDialogComponent, ConfirmationDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"declineBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'decline'\"\n    [loading]=\"loading === 'decline'\"\n    (click)=\"modalRef.messageOrHide('decline')\"\n  >\n    {{ declineBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-primary\"\n    [disabled]=\"!!loading && loading !== 'confirm'\"\n    [loading]=\"loading === 'confirm'\"\n    (click)=\"modalRef.messageOrHide('confirm')\"\n  >\n    {{ confirmBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { DeleteConfirmationDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-delete-confirmation-dialog',\n  imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-delete-confirmation-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiDeleteConfirmationDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`)\n   * ```\n   */\n  readonly message = input(\n    t(\n      () =>\n        $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.MESSAGE:Do you really want to delete the selected elements?`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)\n   * ```\n   */\n  readonly deleteBtnName = input(\n    t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN:Delete`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)\n   * ```\n   */\n  readonly cancelBtnName = input(\n    t(() => $localize`:@@SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN:Cancel`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(\n    ModalRef<SiDeleteConfirmationDialogComponent, DeleteConfirmationDialogResult>\n  );\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  message() | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'delete'\"\n    [loading]=\"loading === 'delete'\"\n    (click)=\"modalRef.messageOrHide('delete')\"\n  >\n    {{ deleteBtnName() | translate }}\n  </si-loading-button>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { AsyncPipe } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, inject, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingButtonComponent } from '@siemens/element-ng/loading-spinner';\nimport { ModalRef } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { take } from 'rxjs';\n\nimport { EditDiscardDialogResult } from '../si-action-dialog.types';\n\n@Component({\n  selector: 'si-edit-discard-dialog',\n  imports: [AsyncPipe, SiIconComponent, SiTranslatePipe, SiLoadingButtonComponent],\n  templateUrl: './si-edit-discard-dialog.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiEditDiscardDialogComponent {\n  readonly titleId = input<string>();\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`)\n   * ```\n   */\n  readonly message = input(\n    t(\n      () =>\n        $localize`:@@SI_EDIT_DISCARD_DIALOG.MESSAGE:Do you want to save changes to the modified element?`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`)\n   * ```\n   */\n  readonly saveBtnName = input(t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.SAVE_BTN:Save`));\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`)\n   * ```\n   */\n  readonly discardBtnName = input(\n    t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISCARD_BTN:Don't save`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`)\n   * ```\n   */\n  readonly cancelBtnName = input(t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.CANCEL_BTN:Cancel`));\n  /** @defaultValue false */\n  readonly disableSave = input(false, { transform: booleanAttribute });\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`)\n   * ```\n   */\n  readonly disableSaveMessage = input<TranslatableString>(\n    t(\n      () =>\n        $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE:Do you want to discard the changes`\n    )\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)\n   * ```\n   */\n  readonly disableSaveDiscardBtnName = input<TranslatableString>(\n    t(() => $localize`:@@SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN:Discard`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * {}\n   * ```\n   */\n  readonly translationParams = input<{ [key: string]: any }>({});\n  /** @defaultValue '' */\n  readonly icon = input('');\n\n  protected modalRef = inject(ModalRef<SiEditDiscardDialogComponent, EditDiscardDialogResult>);\n  protected loading$ = this.modalRef.message.pipe(take(1));\n}\n","@let loading = loading$ | async;\n<div class=\"modal-header\">\n  @if (icon()) {\n    <si-icon class=\"icon\" [icon]=\"icon()\" />\n  }\n  <span class=\"modal-title\" [id]=\"titleId()\">{{ heading() | translate: translationParams() }}</span>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost element-cancel\"\n    [attr.aria-label]=\"cancelBtnName() | translate\"\n    [disabled]=\"!!loading\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n  </button>\n</div>\n<div class=\"modal-body text-pre-wrap text-break\">{{\n  (!disableSave() ? message() : disableSaveMessage()) | translate: translationParams()\n}}</div>\n<div class=\"modal-footer\">\n  <si-loading-button\n    buttonClass=\"btn btn-secondary\"\n    [disabled]=\"!!loading && loading !== 'cancel'\"\n    [loading]=\"loading === 'cancel'\"\n    (click)=\"modalRef.messageOrHide('cancel')\"\n  >\n    {{ cancelBtnName() | translate }}\n  </si-loading-button>\n  <si-loading-button\n    buttonClass=\"btn btn-danger\"\n    [disabled]=\"!!loading && loading !== 'discard'\"\n    [loading]=\"loading === 'discard'\"\n    (click)=\"modalRef.messageOrHide('discard')\"\n  >\n    {{ (!disableSave() ? discardBtnName() : disableSaveDiscardBtnName()) | translate }}\n  </si-loading-button>\n  @if (!disableSave()) {\n    <si-loading-button\n      buttonClass=\"btn btn-primary\"\n      [disabled]=\"!!loading && loading !== 'save'\"\n      [loading]=\"loading === 'save'\"\n      (click)=\"modalRef.messageOrHide('save')\"\n    >\n      {{ saveBtnName() | translate }}\n    </si-loading-button>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { inject, Injectable } from '@angular/core';\nimport {\n  createModalConfig,\n  ModalDependencyInjectionOptions,\n  SiModalService\n} from '@siemens/element-ng/modal';\nimport { Observable, Subscriber, Subscription, switchMap, take } from 'rxjs';\n\nimport { ActionDialog, ActionDialogReturnType } from './si-action-dialog.types';\nimport { SiAlertDialogComponent } from './si-alert-dialog/si-alert-dialog.component';\nimport { SiConfirmationDialogComponent } from './si-confirmation-dialog/si-confirmation-dialog.component';\nimport { SiDeleteConfirmationDialogComponent } from './si-delete-confirmation-dialog/si-delete-confirmation-dialog.component';\nimport { SiEditDiscardDialogComponent } from './si-edit-discard-dialog/si-edit-discard-dialog.component';\n\nconst ACTION_DIALOG_COMPONENT: Record<ActionDialog['type'], new (...args: any[]) => any> = {\n  'alert': SiAlertDialogComponent,\n  'confirmation': SiConfirmationDialogComponent,\n  'delete-confirm': SiDeleteConfirmationDialogComponent,\n  'edit-discard': SiEditDiscardDialogComponent\n};\n\nconst ACTION_DIALOG_DEFAULT_CLOSE_VALUE: Record<ActionDialog['type'], string> = {\n  'alert': 'confirm',\n  'confirmation': 'decline',\n  'delete-confirm': 'cancel',\n  'edit-discard': 'cancel'\n};\n\n/**\n * The service provides convenient methods to show common modal dialogs.\n * All return an observable, which emit the dialog results. After emitting,\n * the observables complete. Therefore, clients do not need to unsubscribe.\n */\n@Injectable({ providedIn: 'root' })\nexport class SiActionDialogService {\n  private modalService = inject(SiModalService);\n\n  /**\n   * Shows an action dialog\n   * @param dialog - The dialog configuration\n   * @param diOptions - Optional DI configuration.\n   * @returns Observable for the result of the dialog. Need to `subscribe()` to show the dialog\n   */\n  showActionDialog<T extends ActionDialog>(\n    dialog: T,\n    diOptions?: ModalDependencyInjectionOptions\n  ): Observable<ActionDialogReturnType<T>> {\n    return new Observable<ActionDialogReturnType<T>>(subscriber => {\n      const { type, delayDismiss, ...inputs } = dialog;\n      const config = createModalConfig(inputs);\n\n      config.keyboard = true;\n      config.messageInsteadOfAutoHide = !!delayDismiss;\n      Object.assign(config, diOptions);\n\n      const modalRef = this.modalService.show(\n        ACTION_DIALOG_COMPONENT[type],\n        config,\n        ACTION_DIALOG_DEFAULT_CLOSE_VALUE[type] as ActionDialogReturnType<T>\n      );\n\n      let subscription: Subscription | undefined;\n      if (delayDismiss) {\n        // `any`because TS cannot infer types correctly\n        subscription = modalRef.message\n          .pipe(take(1), switchMap(delayDismiss as any))\n          .subscribe(modalRef.hide);\n      }\n      // ModalRef always allows emitting undefined. But we know that we don't emit undefined here, so do typecast.\n      modalRef.hidden.subscribe(subscriber as Subscriber<ActionDialogReturnType<T> | undefined>);\n\n      return () => {\n        subscription?.unsubscribe();\n        modalRef.detach();\n      };\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-action-dialog.service';\nexport * from './si-action-dialog.types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-application-header.mjs

@@ -5,7 +5,7 @@ import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { input, signal, inject, Injector, viewChild, ChangeDetectionStrategy, Component, HostListener, Directive, computed, ElementRef, afterNextRender, booleanAttribute, model, output } from '@angular/core';
 import { SI_HEADER_WITH_DROPDOWNS, SiHeaderDropdownTriggerDirective, SI_HEADER_DROPDOWN_OPTIONS } from '@siemens/element-ng/header-dropdown';
-import { addIcons, elementMenu, elementThumbnails, SiIconNextComponent, elementDown2, elementOptionsVertical, elementFavoritesFilled, elementFavorites, elementExport, elementCancel } from '@siemens/element-ng/icon';
+import { addIcons, elementMenu, elementThumbnails, SiIconComponent, elementDown2, elementOptionsVertical, elementFavoritesFilled, elementFavorites, elementExport, elementCancel } from '@siemens/element-ng/icon';
 import { BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';
 import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 import { Subject, defer, of } from 'rxjs';
@@ -153,11 +153,11 @@ class SiApplicationHeaderComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiApplicationHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiApplicationHeaderComponent, isStandalone: true, selector: "si-application-header", inputs: { expandBreakpoint: { classPropertyName: "expandBreakpoint", publicName: "expandBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, launchpad: { classPropertyName: "launchpad", publicName: "launchpad", isSignal: true, isRequired: false, transformFunction: null }, launchpadLabel: { classPropertyName: "launchpadLabel", publicName: "launchpadLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiApplicationHeaderComponent }], viewQueries: [{ propertyName: "navigationToggle", first: true, predicate: ["navigationToggle"], descendants: true, isSignal: true }, { propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<header\n  class=\"application-header\"\n  [ngClass]=\"'expand-' + expandBreakpoint()\"\n  [class.show-navigation]=\"mobileNavigationExpanded()\"\n>\n  @if (launchpad()) {\n    <button\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"launchpadOpen()\"\n      [class.d-none]=\"hasNavigation()\"\n      [ngClass]=\"'d-' + expandBreakpoint() + '-block'\"\n      [attr.aria-expanded]=\"launchpadOpen()\"\n      [attr.aria-label]=\"launchpadLabel() | translate\"\n      [attr.aria-controls]=\"id + '-launchpad'\"\n      (click)=\"toggleLaunchpad()\"\n    >\n      <si-icon-next [icon]=\"icons.elementThumbnails\" />\n    </button>\n  }\n  @if (hasNavigation()) {\n    <button\n      #navigationToggle\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"mobileNavigationExpanded()\"\n      [attr.aria-expanded]=\"mobileNavigationExpanded()\"\n      [attr.aria-label]=\"toggleNavigation | translate\"\n      [attr.aria-controls]=\"id + '-navigation-wrapper'\"\n      (click)=\"toggleMobileNavigationExpanded()\"\n    >\n      <si-icon-next [icon]=\"icons.elementMenu\" />\n    </button>\n  }\n  <ng-content select=\"si-header-brand, element-header-brand\">\n    <div class=\"header-brand\"></div>\n  </ng-content>\n\n  <div\n    class=\"d-contents\"\n    [id]=\"id + '-navigation-wrapper'\"\n    [cdkTrapFocus]=\"mobileNavigationExpanded()\"\n    (keydown.escape)=\"navigationEscapePressed()\"\n  >\n    <ng-content select=\"si-header-navigation, element-header-navigation\">\n      <div class=\"header-navigation\"></div>\n    </ng-content>\n  </div>\n\n  <ng-content select=\"si-header-actions, element-header-actions\">\n    <div class=\"header-actions\"></div>\n  </ng-content>\n</header>\n\n@if (launchpadOpen() && launchpad()) {\n  <div [id]=\"id + '-launchpad'\">\n    <ng-template [ngTemplateOutlet]=\"launchpad()!\" [ngTemplateOutletInjector]=\"injector\" />\n  </div>\n}\n\n@if (openDropdownCount() || launchpadOpen()) {\n  <div\n    class=\"modal-backdrop\"\n    [ngClass]=\"launchpadOpen() ? 'd-block' : 'd-' + expandBreakpoint() + '-none'\"\n    (click)=\"backdropClicked()\"\n  ></div>\n}\n", styles: [".modal-backdrop{z-index:1032}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiApplicationHeaderComponent, isStandalone: true, selector: "si-application-header", inputs: { expandBreakpoint: { classPropertyName: "expandBreakpoint", publicName: "expandBreakpoint", isSignal: true, isRequired: false, transformFunction: null }, launchpad: { classPropertyName: "launchpad", publicName: "launchpad", isSignal: true, isRequired: false, transformFunction: null }, launchpadLabel: { classPropertyName: "launchpadLabel", publicName: "launchpadLabel", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiApplicationHeaderComponent }], viewQueries: [{ propertyName: "navigationToggle", first: true, predicate: ["navigationToggle"], descendants: true, isSignal: true }, { propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<header\n  class=\"application-header\"\n  [ngClass]=\"'expand-' + expandBreakpoint()\"\n  [class.show-navigation]=\"mobileNavigationExpanded()\"\n>\n  @if (launchpad()) {\n    <button\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"launchpadOpen()\"\n      [class.d-none]=\"hasNavigation()\"\n      [ngClass]=\"'d-' + expandBreakpoint() + '-block'\"\n      [attr.aria-expanded]=\"launchpadOpen()\"\n      [attr.aria-label]=\"launchpadLabel() | translate\"\n      [attr.aria-controls]=\"id + '-launchpad'\"\n      (click)=\"toggleLaunchpad()\"\n    >\n      <si-icon [icon]=\"icons.elementThumbnails\" />\n    </button>\n  }\n  @if (hasNavigation()) {\n    <button\n      #navigationToggle\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"mobileNavigationExpanded()\"\n      [attr.aria-expanded]=\"mobileNavigationExpanded()\"\n      [attr.aria-label]=\"toggleNavigation | translate\"\n      [attr.aria-controls]=\"id + '-navigation-wrapper'\"\n      (click)=\"toggleMobileNavigationExpanded()\"\n    >\n      <si-icon [icon]=\"icons.elementMenu\" />\n    </button>\n  }\n  <ng-content select=\"si-header-brand, element-header-brand\">\n    <div class=\"header-brand\"></div>\n  </ng-content>\n\n  <div\n    class=\"d-contents\"\n    [id]=\"id + '-navigation-wrapper'\"\n    [cdkTrapFocus]=\"mobileNavigationExpanded()\"\n    (keydown.escape)=\"navigationEscapePressed()\"\n  >\n    <ng-content select=\"si-header-navigation, element-header-navigation\">\n      <div class=\"header-navigation\"></div>\n    </ng-content>\n  </div>\n\n  <ng-content select=\"si-header-actions, element-header-actions\">\n    <div class=\"header-actions\"></div>\n  </ng-content>\n</header>\n\n@if (launchpadOpen() && launchpad()) {\n  <div [id]=\"id + '-launchpad'\">\n    <ng-template [ngTemplateOutlet]=\"launchpad()!\" [ngTemplateOutletInjector]=\"injector\" />\n  </div>\n}\n\n@if (openDropdownCount() || launchpadOpen()) {\n  <div\n    class=\"modal-backdrop\"\n    [ngClass]=\"launchpadOpen() ? 'd-block' : 'd-' + expandBreakpoint() + '-none'\"\n    (click)=\"backdropClicked()\"\n  ></div>\n}\n", styles: [".modal-backdrop{z-index:1032}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiApplicationHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-application-header', imports: [SiTranslatePipe, NgClass, A11yModule, NgTemplateOutlet, SiIconNextComponent], providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiApplicationHeaderComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"application-header\"\n  [ngClass]=\"'expand-' + expandBreakpoint()\"\n  [class.show-navigation]=\"mobileNavigationExpanded()\"\n>\n  @if (launchpad()) {\n    <button\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"launchpadOpen()\"\n      [class.d-none]=\"hasNavigation()\"\n      [ngClass]=\"'d-' + expandBreakpoint() + '-block'\"\n      [attr.aria-expanded]=\"launchpadOpen()\"\n      [attr.aria-label]=\"launchpadLabel() | translate\"\n      [attr.aria-controls]=\"id + '-launchpad'\"\n      (click)=\"toggleLaunchpad()\"\n    >\n      <si-icon-next [icon]=\"icons.elementThumbnails\" />\n    </button>\n  }\n  @if (hasNavigation()) {\n    <button\n      #navigationToggle\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"mobileNavigationExpanded()\"\n      [attr.aria-expanded]=\"mobileNavigationExpanded()\"\n      [attr.aria-label]=\"toggleNavigation | translate\"\n      [attr.aria-controls]=\"id + '-navigation-wrapper'\"\n      (click)=\"toggleMobileNavigationExpanded()\"\n    >\n      <si-icon-next [icon]=\"icons.elementMenu\" />\n    </button>\n  }\n  <ng-content select=\"si-header-brand, element-header-brand\">\n    <div class=\"header-brand\"></div>\n  </ng-content>\n\n  <div\n    class=\"d-contents\"\n    [id]=\"id + '-navigation-wrapper'\"\n    [cdkTrapFocus]=\"mobileNavigationExpanded()\"\n    (keydown.escape)=\"navigationEscapePressed()\"\n  >\n    <ng-content select=\"si-header-navigation, element-header-navigation\">\n      <div class=\"header-navigation\"></div>\n    </ng-content>\n  </div>\n\n  <ng-content select=\"si-header-actions, element-header-actions\">\n    <div class=\"header-actions\"></div>\n  </ng-content>\n</header>\n\n@if (launchpadOpen() && launchpad()) {\n  <div [id]=\"id + '-launchpad'\">\n    <ng-template [ngTemplateOutlet]=\"launchpad()!\" [ngTemplateOutletInjector]=\"injector\" />\n  </div>\n}\n\n@if (openDropdownCount() || launchpadOpen()) {\n  <div\n    class=\"modal-backdrop\"\n    [ngClass]=\"launchpadOpen() ? 'd-block' : 'd-' + expandBreakpoint() + '-none'\"\n    (click)=\"backdropClicked()\"\n  ></div>\n}\n", styles: [".modal-backdrop{z-index:1032}\n"] }]
+            args: [{ selector: 'si-application-header', imports: [SiTranslatePipe, NgClass, A11yModule, NgTemplateOutlet, SiIconComponent], providers: [{ provide: SI_HEADER_WITH_DROPDOWNS, useExisting: SiApplicationHeaderComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header\n  class=\"application-header\"\n  [ngClass]=\"'expand-' + expandBreakpoint()\"\n  [class.show-navigation]=\"mobileNavigationExpanded()\"\n>\n  @if (launchpad()) {\n    <button\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"launchpadOpen()\"\n      [class.d-none]=\"hasNavigation()\"\n      [ngClass]=\"'d-' + expandBreakpoint() + '-block'\"\n      [attr.aria-expanded]=\"launchpadOpen()\"\n      [attr.aria-label]=\"launchpadLabel() | translate\"\n      [attr.aria-controls]=\"id + '-launchpad'\"\n      (click)=\"toggleLaunchpad()\"\n    >\n      <si-icon [icon]=\"icons.elementThumbnails\" />\n    </button>\n  }\n  @if (hasNavigation()) {\n    <button\n      #navigationToggle\n      type=\"button\"\n      class=\"header-toggle focus-inside\"\n      [class.show]=\"mobileNavigationExpanded()\"\n      [attr.aria-expanded]=\"mobileNavigationExpanded()\"\n      [attr.aria-label]=\"toggleNavigation | translate\"\n      [attr.aria-controls]=\"id + '-navigation-wrapper'\"\n      (click)=\"toggleMobileNavigationExpanded()\"\n    >\n      <si-icon [icon]=\"icons.elementMenu\" />\n    </button>\n  }\n  <ng-content select=\"si-header-brand, element-header-brand\">\n    <div class=\"header-brand\"></div>\n  </ng-content>\n\n  <div\n    class=\"d-contents\"\n    [id]=\"id + '-navigation-wrapper'\"\n    [cdkTrapFocus]=\"mobileNavigationExpanded()\"\n    (keydown.escape)=\"navigationEscapePressed()\"\n  >\n    <ng-content select=\"si-header-navigation, element-header-navigation\">\n      <div class=\"header-navigation\"></div>\n    </ng-content>\n  </div>\n\n  <ng-content select=\"si-header-actions, element-header-actions\">\n    <div class=\"header-actions\"></div>\n  </ng-content>\n</header>\n\n@if (launchpadOpen() && launchpad()) {\n  <div [id]=\"id + '-launchpad'\">\n    <ng-template [ngTemplateOutlet]=\"launchpad()!\" [ngTemplateOutletInjector]=\"injector\" />\n  </div>\n}\n\n@if (openDropdownCount() || launchpadOpen()) {\n  <div\n    class=\"modal-backdrop\"\n    [ngClass]=\"launchpadOpen() ? 'd-block' : 'd-' + expandBreakpoint() + '-none'\"\n    (click)=\"backdropClicked()\"\n  ></div>\n}\n", styles: [".modal-backdrop{z-index:1032}\n"] }]
         }] });
 
 /**
@@ -180,22 +180,22 @@ class SiHeaderNavigationItemComponent {
       <ng-content />
     </div>
     @if (dropdownTrigger) {
-      <si-icon-next class="dropdown-caret" [icon]="icons.elementDown2" />
+      <si-icon class="dropdown-caret" [icon]="icons.elementDown2" />
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderNavigationItemComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: 'button[si-header-navigation-item], a[si-header-navigation-item]',
-                    imports: [SiIconNextComponent],
+                    imports: [SiIconComponent],
                     template: `
     <div class="item-title">
       <ng-content />
     </div>
     @if (dropdownTrigger) {
-      <si-icon-next class="dropdown-caret" [icon]="icons.elementDown2" />
+      <si-icon class="dropdown-caret" [icon]="icons.elementDown2" />
     }
   `,
                     providers: [
@@ -273,13 +273,13 @@ class SiHeaderCollapsibleActionsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderCollapsibleActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: SiHeaderCollapsibleActionsComponent, isStandalone: true, selector: "si-header-collapsible-actions", inputs: { mobileToggleLabel: { classPropertyName: "mobileToggleLabel", publicName: "mobileToggleLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-contents" }, providers: [
             { provide: SI_HEADER_DROPDOWN_OPTIONS, useValue: { disableRootFocusTrapForInlineMode: true } }
-        ], viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, isSignal: true }, { propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #toggle\n  type=\"button\"\n  class=\"header-toggle focus-inside\"\n  [class.show]=\"mobileExpanded()\"\n  [attr.aria-expanded]=\"mobileExpanded()\"\n  [attr.aria-label]=\"mobileToggleLabel() | translate\"\n  [attr.aria-controls]=\"id + '-content'\"\n  (click)=\"toggleMobileExpanded()\"\n>\n  <si-icon-next [icon]=\"icons.elementOptionsVertical\" [class.badge-dot]=\"badgeCount()\" />\n</button>\n<div\n  class=\"header-collapsible-actions\"\n  [id]=\"id + '-content'\"\n  [class.show]=\"mobileExpanded()\"\n  [cdkTrapFocus]=\"mobileExpanded()\"\n  (keydown.escape)=\"escapePressed()\"\n>\n  <ng-content />\n</div>\n", styles: [".badge-dot:after{inset-inline-end:4px}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "toggle", first: true, predicate: ["toggle"], descendants: true, isSignal: true }, { propertyName: "focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #toggle\n  type=\"button\"\n  class=\"header-toggle focus-inside\"\n  [class.show]=\"mobileExpanded()\"\n  [attr.aria-expanded]=\"mobileExpanded()\"\n  [attr.aria-label]=\"mobileToggleLabel() | translate\"\n  [attr.aria-controls]=\"id + '-content'\"\n  (click)=\"toggleMobileExpanded()\"\n>\n  <si-icon [icon]=\"icons.elementOptionsVertical\" [class.badge-dot]=\"badgeCount()\" />\n</button>\n<div\n  class=\"header-collapsible-actions\"\n  [id]=\"id + '-content'\"\n  [class.show]=\"mobileExpanded()\"\n  [cdkTrapFocus]=\"mobileExpanded()\"\n  (keydown.escape)=\"escapePressed()\"\n>\n  <ng-content />\n</div>\n", styles: [".badge-dot:after{inset-inline-end:4px}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderCollapsibleActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-header-collapsible-actions', imports: [SiTranslatePipe, A11yModule, SiIconNextComponent], providers: [
+            args: [{ selector: 'si-header-collapsible-actions', imports: [SiTranslatePipe, A11yModule, SiIconComponent], providers: [
                         { provide: SI_HEADER_DROPDOWN_OPTIONS, useValue: { disableRootFocusTrapForInlineMode: true } }
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'd-contents' }, template: "<button\n  #toggle\n  type=\"button\"\n  class=\"header-toggle focus-inside\"\n  [class.show]=\"mobileExpanded()\"\n  [attr.aria-expanded]=\"mobileExpanded()\"\n  [attr.aria-label]=\"mobileToggleLabel() | translate\"\n  [attr.aria-controls]=\"id + '-content'\"\n  (click)=\"toggleMobileExpanded()\"\n>\n  <si-icon-next [icon]=\"icons.elementOptionsVertical\" [class.badge-dot]=\"badgeCount()\" />\n</button>\n<div\n  class=\"header-collapsible-actions\"\n  [id]=\"id + '-content'\"\n  [class.show]=\"mobileExpanded()\"\n  [cdkTrapFocus]=\"mobileExpanded()\"\n  (keydown.escape)=\"escapePressed()\"\n>\n  <ng-content />\n</div>\n", styles: [".badge-dot:after{inset-inline-end:4px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'd-contents' }, template: "<button\n  #toggle\n  type=\"button\"\n  class=\"header-toggle focus-inside\"\n  [class.show]=\"mobileExpanded()\"\n  [attr.aria-expanded]=\"mobileExpanded()\"\n  [attr.aria-label]=\"mobileToggleLabel() | translate\"\n  [attr.aria-controls]=\"id + '-content'\"\n  (click)=\"toggleMobileExpanded()\"\n>\n  <si-icon [icon]=\"icons.elementOptionsVertical\" [class.badge-dot]=\"badgeCount()\" />\n</button>\n<div\n  class=\"header-collapsible-actions\"\n  [id]=\"id + '-content'\"\n  [class.show]=\"mobileExpanded()\"\n  [cdkTrapFocus]=\"mobileExpanded()\"\n  (keydown.escape)=\"escapePressed()\"\n>\n  <ng-content />\n</div>\n", styles: [".badge-dot:after{inset-inline-end:4px}\n"] }]
         }] });
 
 /**
@@ -374,14 +374,14 @@ class SiHeaderActionItemComponent extends SiHeaderActionIconItemBase {
     /** The icon to be shown. */
     icon = input.required();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderActionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiHeaderActionItemComponent, isStandalone: true, selector: "button[si-header-action-item], a[si-header-action-item]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.dropdown-toggle": "!!dropdownTrigger" }, classAttribute: "header-item focus-inside" }, usesInheritance: true, ngImport: i0, template: "<si-icon-next class=\"icon\" [class.badge-dot]=\"badgeDot()\" [icon]=\"icon()\" />\n@if (badgeValue()) {\n  <span class=\"badge-text\">{{ badgeValue() }}</span>\n}\n<ng-content select=\"si-avatar\" />\n<div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n  <ng-content />\n</div>\n@if (dropdownTrigger) {\n  <si-icon-next class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n", dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiHeaderActionItemComponent, isStandalone: true, selector: "button[si-header-action-item], a[si-header-action-item]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class.dropdown-toggle": "!!dropdownTrigger" }, classAttribute: "header-item focus-inside" }, usesInheritance: true, ngImport: i0, template: "<si-icon class=\"icon\" [class.badge-dot]=\"badgeDot()\" [icon]=\"icon()\" />\n@if (badgeValue()) {\n  <span class=\"badge-text\">{{ badgeValue() }}</span>\n}\n<ng-content select=\"si-avatar\" />\n<div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n  <ng-content />\n</div>\n@if (dropdownTrigger) {\n  <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderActionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[si-header-action-item], a[si-header-action-item]', imports: [SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'button[si-header-action-item], a[si-header-action-item]', imports: [SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'header-item focus-inside',
                         '[class.dropdown-toggle]': '!!dropdownTrigger'
-                    }, template: "<si-icon-next class=\"icon\" [class.badge-dot]=\"badgeDot()\" [icon]=\"icon()\" />\n@if (badgeValue()) {\n  <span class=\"badge-text\">{{ badgeValue() }}</span>\n}\n<ng-content select=\"si-avatar\" />\n<div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n  <ng-content />\n</div>\n@if (dropdownTrigger) {\n  <si-icon-next class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n" }]
+                    }, template: "<si-icon class=\"icon\" [class.badge-dot]=\"badgeDot()\" [icon]=\"icon()\" />\n@if (badgeValue()) {\n  <span class=\"badge-text\">{{ badgeValue() }}</span>\n}\n<ng-content select=\"si-avatar\" />\n<div class=\"item-title\" [class.visually-hidden]=\"visuallyHideTitle\">\n  <ng-content />\n</div>\n@if (dropdownTrigger) {\n  <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n" }]
         }] });
 
 /**
@@ -397,14 +397,14 @@ class SiHeaderAccountItemComponent extends SiHeaderActionIconItemBase {
     /** URL to an image which should be shown instead of the initials. */
     imageUrl = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderAccountItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiHeaderAccountItemComponent, isStandalone: true, selector: "button[si-header-account-item]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dropdown-toggle": "!!dropdownTrigger" }, classAttribute: "header-item focus-inside p-4" }, usesInheritance: true, ngImport: i0, template: "<si-avatar\n  size=\"small\"\n  color=\"0\"\n  [altText]=\"name()\"\n  [initials]=\"initials()\"\n  [imageUrl]=\"imageUrl()\"\n/>\n<div class=\"item-title\" aria-hidden=\"true\" [class.d-none]=\"visuallyHideTitle\">\n  {{ name() }}\n</div>\n@if (badgeValue()) {\n  <div class=\"badge-text\">{{ badgeValue() }}</div>\n}\n@if (dropdownTrigger) {\n  <si-icon-next class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n", dependencies: [{ kind: "component", type: SiAvatarComponent, selector: "si-avatar", inputs: ["size", "imageUrl", "icon", "initials", "color", "altText", "status", "statusAriaLabel"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiHeaderAccountItemComponent, isStandalone: true, selector: "button[si-header-account-item]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dropdown-toggle": "!!dropdownTrigger" }, classAttribute: "header-item focus-inside p-4" }, usesInheritance: true, ngImport: i0, template: "<si-avatar\n  size=\"small\"\n  color=\"0\"\n  [altText]=\"name()\"\n  [initials]=\"initials()\"\n  [imageUrl]=\"imageUrl()\"\n/>\n<div class=\"item-title\" aria-hidden=\"true\" [class.d-none]=\"visuallyHideTitle\">\n  {{ name() }}\n</div>\n@if (badgeValue()) {\n  <div class=\"badge-text\">{{ badgeValue() }}</div>\n}\n@if (dropdownTrigger) {\n  <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n", dependencies: [{ kind: "component", type: SiAvatarComponent, selector: "si-avatar", inputs: ["size", "imageUrl", "icon", "initials", "color", "altText", "status", "statusAriaLabel"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderAccountItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[si-header-account-item]', imports: [SiAvatarComponent, SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'button[si-header-account-item]', imports: [SiAvatarComponent, SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'header-item focus-inside p-4',
                         '[class.dropdown-toggle]': '!!dropdownTrigger'
-                    }, template: "<si-avatar\n  size=\"small\"\n  color=\"0\"\n  [altText]=\"name()\"\n  [initials]=\"initials()\"\n  [imageUrl]=\"imageUrl()\"\n/>\n<div class=\"item-title\" aria-hidden=\"true\" [class.d-none]=\"visuallyHideTitle\">\n  {{ name() }}\n</div>\n@if (badgeValue()) {\n  <div class=\"badge-text\">{{ badgeValue() }}</div>\n}\n@if (dropdownTrigger) {\n  <si-icon-next class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n" }]
+                    }, template: "<si-avatar\n  size=\"small\"\n  color=\"0\"\n  [altText]=\"name()\"\n  [initials]=\"initials()\"\n  [imageUrl]=\"imageUrl()\"\n/>\n<div class=\"item-title\" aria-hidden=\"true\" [class.d-none]=\"visuallyHideTitle\">\n  {{ name() }}\n</div>\n@if (badgeValue()) {\n  <div class=\"badge-text\">{{ badgeValue() }}</div>\n}\n@if (dropdownTrigger) {\n  <si-icon class=\"dropdown-caret\" [icon]=\"icons.elementDown2\" />\n}\n" }]
         }] });
 
 /**
@@ -419,14 +419,14 @@ class SiHeaderSelectionItemComponent extends SiHeaderActionItemBase {
      */
     open = input(false);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderSelectionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SiHeaderSelectionItemComponent, isStandalone: true, selector: "button[si-header-selection-item]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.show": "open()" }, classAttribute: "header-item header-selection-item focus-inside dropdown-toggle" }, usesInheritance: true, ngImport: i0, template: "<div class=\"item-title\">\n  <ng-content />\n</div>\n<si-icon-next class=\"d-block dropdown-caret\" [icon]=\"icons.elementDown2\" />\n", dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SiHeaderSelectionItemComponent, isStandalone: true, selector: "button[si-header-selection-item]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.show": "open()" }, classAttribute: "header-item header-selection-item focus-inside dropdown-toggle" }, usesInheritance: true, ngImport: i0, template: "<div class=\"item-title\">\n  <ng-content />\n</div>\n<si-icon class=\"d-block dropdown-caret\" [icon]=\"icons.elementDown2\" />\n", dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderSelectionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[si-header-selection-item]', imports: [SiIconNextComponent], host: {
+            args: [{ selector: 'button[si-header-selection-item]', imports: [SiIconComponent], host: {
                         class: 'header-item header-selection-item focus-inside dropdown-toggle',
                         '[class.show]': 'open()'
-                    }, template: "<div class=\"item-title\">\n  <ng-content />\n</div>\n<si-icon-next class=\"d-block dropdown-caret\" [icon]=\"icons.elementDown2\" />\n" }]
+                    }, template: "<div class=\"item-title\">\n  <ng-content />\n</div>\n<si-icon class=\"d-block dropdown-caret\" [icon]=\"icons.elementDown2\" />\n" }]
         }] });
 
 /**
@@ -554,18 +554,18 @@ class SiHeaderNavigationComponent {
         [ngClass]="'d-' + header.expandBreakpoint() + '-none'"
         (click)="header.openLaunchpad()"
       >
-        <si-icon-next class="icon pe-5" [icon]="icons.elementThumbnails" />
+        <si-icon class="icon pe-5" [icon]="icons.elementThumbnails" />
         {{ header.launchpadLabel() | translate }}
       </button>
     }
     <ng-content />
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiHeaderNavigationComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'si-header-navigation',
-                    imports: [NgClass, SiTranslatePipe, SiIconNextComponent],
+                    imports: [NgClass, SiTranslatePipe, SiIconComponent],
                     template: `
     @if (header.launchpad()) {
       <button
@@ -574,7 +574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         [ngClass]="'d-' + header.expandBreakpoint() + '-none'"
         (click)="header.openLaunchpad()"
       >
-        <si-icon-next class="icon pe-5" [icon]="icons.elementThumbnails" />
+        <si-icon class="icon pe-5" [icon]="icons.elementThumbnails" />
         {{ header.launchpadLabel() | translate }}
       </button>
     }
@@ -612,15 +612,15 @@ class SiLaunchpadAppComponent {
         this.header.closeLaunchpad();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiLaunchpadAppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiLaunchpadAppComponent, isStandalone: true, selector: "a[si-launchpad-app]", inputs: { external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, enableFavoriteToggle: { classPropertyName: "enableFavoriteToggle", publicName: "enableFavoriteToggle", isSignal: true, isRequired: false, transformFunction: null }, favorite: { classPropertyName: "favorite", publicName: "favorite", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favorite: "favoriteChange" }, host: { listeners: { "keydown.space": "favoriteClicked($event)", "click": "click()" }, properties: { "class.active": "active()", "class.action": "action()" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon-next){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiLaunchpadAppComponent, isStandalone: true, selector: "a[si-launchpad-app]", inputs: { external: { classPropertyName: "external", publicName: "external", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, enableFavoriteToggle: { classPropertyName: "enableFavoriteToggle", publicName: "enableFavoriteToggle", isSignal: true, isRequired: false, transformFunction: null }, favorite: { classPropertyName: "favorite", publicName: "favorite", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null }, iconClass: { classPropertyName: "iconClass", publicName: "iconClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favorite: "favoriteChange" }, host: { listeners: { "keydown.space": "favoriteClicked($event)", "click": "click()" }, properties: { "class.active": "active()", "class.action": "action()" }, classAttribute: "focus-inside" }, ngImport: i0, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiLaunchpadAppComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'a[si-launchpad-app]', imports: [SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'a[si-launchpad-app]', imports: [SiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'focus-inside',
                         '[class.active]': 'active()',
                         '[class.action]': 'action()'
-                    }, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon-next class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon-next class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon-next\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon-next){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"] }]
+                    }, template: "@if (iconUrl()) {\n  <img alt=\"\" width=\"64\" height=\"64\" class=\"app-icon\" [src]=\"iconUrl()\" />\n} @else if (iconClass()) {\n  <si-icon class=\"app-icon\" [icon]=\"iconClass()!\" />\n}\n<div class=\"si-title-2 text-truncate mw-100\">\n  <ng-content select=\"[app-name]\" />\n  @if (external()) {\n    <si-icon class=\"icon mt-n2\" [icon]=\"icons.elementExport\" />\n  }\n</div>\n<div class=\"si-body-2 text-truncate mw-100\">\n  <ng-content select=\"[app-systemName]\" />\n</div>\n@if (enableFavoriteToggle()) {\n  <si-icon\n    class=\"favorite-icon\"\n    [class.is-favorite]=\"favorite()\"\n    [icon]=\"favorite() ? icons.elementFavoritesFilled : icons.elementFavorites\"\n    (click)=\"favoriteClicked($event)\"\n  />\n}\n", styles: [":host{display:flex;align-items:center;flex-flow:column nowrap;position:relative;padding-block:20px;inline-size:152px;max-inline-size:152px;padding-inline:4px;color:var(--element-text-primary);border-radius:var(--element-radius-2)}:host.active{border:1px solid var(--element-ui-0);background-color:var(--element-base-1-hover)}:host.action{color:var(--element-action-primary)}:host:hover{color:var(--element-text-primary);text-decoration:none;background-color:var(--element-base-1-hover)}.app-icon{display:flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;margin-block-end:8px;border-radius:var(--element-radius-2)}.app-icon:is(si-icon){background:var(--element-launchpad-app-background);font-size:40px;padding:4px;color:var(--element-launchpad-app-color)}.favorite-icon{font-size:20px;position:absolute;inset-inline-end:22px;inset-block-start:10px;padding:2px;color:var(--element-text-primary)}.is-favorite{color:var(--element-status-caution)}\n"] }]
         }], propDecorators: { favoriteClicked: [{
                 type: HostListener,
                 args: ['keydown.space', ['$event']]
@@ -736,7 +736,7 @@ class SiLaunchpadFactoryComponent {
         return items.some(item => 'apps' in item);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiLaunchpadFactoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiLaunchpadFactoryComponent, isStandalone: true, selector: "si-launchpad-factory", inputs: { closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, subtitleText: { classPropertyName: "subtitleText", publicName: "subtitleText", isSignal: true, isRequired: false, transformFunction: null }, apps: { classPropertyName: "apps", publicName: "apps", isSignal: true, isRequired: true, transformFunction: null }, enableFavorites: { classPropertyName: "enableFavorites", publicName: "enableFavorites", isSignal: true, isRequired: false, transformFunction: null }, favoriteAppsText: { classPropertyName: "favoriteAppsText", publicName: "favoriteAppsText", isSignal: true, isRequired: false, transformFunction: null }, showMoreAppsText: { classPropertyName: "showMoreAppsText", publicName: "showMoreAppsText", isSignal: true, isRequired: false, transformFunction: null }, showLessAppsText: { classPropertyName: "showLessAppsText", publicName: "showLessAppsText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favoriteChange: "favoriteChange" }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-any -->\n<!-- temporary until old primary-navbar is removed -->\n<div\n  class=\"app-switcher pt-8 g-5 g-sm-9 container-fluid\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  (keydown.escape)=\"escape()\"\n>\n  @if (titleText()) {\n    <p class=\"mb-4 si-title-1 lh-1\">{{ titleText() | translate }}</p>\n  }\n  @if (subtitleText()) {\n    <p class=\"si-body-2 text-secondary mb-4\">{{ subtitleText() | translate }}</p>\n  }\n  <div class=\"apps-scroll pb-8 ms-n2 ps-2\">\n    @for (category of categories(); track category; let first = $first) {\n      @if (!enableFavorites() || !hasFavorites() || first || showAllApps) {\n        <div class=\"mt-4\">\n          @if (category.name) {\n            <span class=\"si-title-1\">\n              {{ category.name | translate }}\n            </span>\n          }\n          <div class=\"mt-4 d-flex flex-wrap gap-4\">\n            @for (app of category.apps; track app) {\n              @switch (app.type) {\n                @case ('router-link') {\n                  <a\n                    si-launchpad-app\n                    routerLinkActive=\"active\"\n                    [routerLinkActiveOptions]=\"app.activeMatchOptions ?? { exact: false }\"\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    [favorite]=\"!!app.favorite\"\n                    [routerLink]=\"app.routerLink\"\n                    [queryParams]=\"app.extras?.queryParams\"\n                    [queryParamsHandling]=\"app.extras?.queryParamsHandling\"\n                    [fragment]=\"app.extras?.fragment\"\n                    [state]=\"app.extras?.state\"\n                    [relativeTo]=\"app.extras?.relativeTo ?? this.activatedRoute\"\n                    [preserveFragment]=\"app.extras?.preserveFragment\"\n                    [skipLocationChange]=\"app.extras?.skipLocationChange\"\n                    [replaceUrl]=\"app.extras?.replaceUrl\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n                @default {\n                  <!--fallback for existing apps that do not have a type defined -->\n                  <a\n                    si-launchpad-app\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [favorite]=\"!!app.favorite\"\n                    [href]=\"app.href\"\n                    [target]=\"app.target ?? ''\"\n                    [active]=\"app.active\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n\n      @if (enableFavorites() && first && hasFavorites()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-link dropdown-toggle text-decoration-none my-4 si-title-2\"\n          [class.show]=\"showAllApps\"\n          (click)=\"showAllApps = !showAllApps\"\n        >\n          <b>{{ (showAllApps ? showLessAppsText() : showMoreAppsText()) | translate }}</b>\n          <si-icon-next class=\"dropdown-caret icon\" [icon]=\"icons.elementDown2\" />\n        </button>\n      }\n    }\n  </div>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost position-absolute top-0 end-0 mt-6 me-4\"\n    [attr.aria-label]=\"closeText() | translate\"\n    (click)=\"closeLaunchpad()\"\n  >\n    <si-icon-next [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n", styles: [".app-switcher{position:fixed;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-inline:0;min-block-size:200px;max-block-size:calc(100vh - 48px - var(--element-titlebar-spacing, 0px) - var(--element-system-banner-spacing, 0px));display:flex;flex-direction:column;z-index:1033;background-color:var(--element-base-1);box-shadow:inset 0 0 4px var(--element-box-shadow-color-1),inset 0 4px 4px var(--element-box-shadow-color-2)}.apps-scroll{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SiLinkModule }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLaunchpadAppComponent, selector: "a[si-launchpad-app]", inputs: ["external", "active", "enableFavoriteToggle", "favorite", "action", "iconUrl", "iconClass"], outputs: ["favoriteChange"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiLaunchpadFactoryComponent, isStandalone: true, selector: "si-launchpad-factory", inputs: { closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, subtitleText: { classPropertyName: "subtitleText", publicName: "subtitleText", isSignal: true, isRequired: false, transformFunction: null }, apps: { classPropertyName: "apps", publicName: "apps", isSignal: true, isRequired: true, transformFunction: null }, enableFavorites: { classPropertyName: "enableFavorites", publicName: "enableFavorites", isSignal: true, isRequired: false, transformFunction: null }, favoriteAppsText: { classPropertyName: "favoriteAppsText", publicName: "favoriteAppsText", isSignal: true, isRequired: false, transformFunction: null }, showMoreAppsText: { classPropertyName: "showMoreAppsText", publicName: "showMoreAppsText", isSignal: true, isRequired: false, transformFunction: null }, showLessAppsText: { classPropertyName: "showLessAppsText", publicName: "showLessAppsText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { favoriteChange: "favoriteChange" }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-any -->\n<!-- temporary until old primary-navbar is removed -->\n<div\n  class=\"app-switcher pt-8 g-5 g-sm-9 container-fluid\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  (keydown.escape)=\"escape()\"\n>\n  @if (titleText()) {\n    <p class=\"mb-4 si-title-1 lh-1\">{{ titleText() | translate }}</p>\n  }\n  @if (subtitleText()) {\n    <p class=\"si-body-2 text-secondary mb-4\">{{ subtitleText() | translate }}</p>\n  }\n  <div class=\"apps-scroll pb-8 ms-n2 ps-2\">\n    @for (category of categories(); track category; let first = $first) {\n      @if (!enableFavorites() || !hasFavorites() || first || showAllApps) {\n        <div class=\"mt-4\">\n          @if (category.name) {\n            <span class=\"si-title-1\">\n              {{ category.name | translate }}\n            </span>\n          }\n          <div class=\"mt-4 d-flex flex-wrap gap-4\">\n            @for (app of category.apps; track app) {\n              @switch (app.type) {\n                @case ('router-link') {\n                  <a\n                    si-launchpad-app\n                    routerLinkActive=\"active\"\n                    [routerLinkActiveOptions]=\"app.activeMatchOptions ?? { exact: false }\"\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    [favorite]=\"!!app.favorite\"\n                    [routerLink]=\"app.routerLink\"\n                    [queryParams]=\"app.extras?.queryParams\"\n                    [queryParamsHandling]=\"app.extras?.queryParamsHandling\"\n                    [fragment]=\"app.extras?.fragment\"\n                    [state]=\"app.extras?.state\"\n                    [relativeTo]=\"app.extras?.relativeTo ?? this.activatedRoute\"\n                    [preserveFragment]=\"app.extras?.preserveFragment\"\n                    [skipLocationChange]=\"app.extras?.skipLocationChange\"\n                    [replaceUrl]=\"app.extras?.replaceUrl\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n                @default {\n                  <!--fallback for existing apps that do not have a type defined -->\n                  <a\n                    si-launchpad-app\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [favorite]=\"!!app.favorite\"\n                    [href]=\"app.href\"\n                    [target]=\"app.target ?? ''\"\n                    [active]=\"app.active\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n\n      @if (enableFavorites() && first && hasFavorites()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-link dropdown-toggle text-decoration-none my-4 si-title-2\"\n          [class.show]=\"showAllApps\"\n          (click)=\"showAllApps = !showAllApps\"\n        >\n          <b>{{ (showAllApps ? showLessAppsText() : showMoreAppsText()) | translate }}</b>\n          <si-icon class=\"dropdown-caret icon\" [icon]=\"icons.elementDown2\" />\n        </button>\n      }\n    }\n  </div>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost position-absolute top-0 end-0 mt-6 me-4\"\n    [attr.aria-label]=\"closeText() | translate\"\n    (click)=\"closeLaunchpad()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n", styles: [".app-switcher{position:fixed;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-inline:0;min-block-size:200px;max-block-size:calc(100vh - 48px - var(--element-titlebar-spacing, 0px) - var(--element-system-banner-spacing, 0px));display:flex;flex-direction:column;z-index:1033;background-color:var(--element-base-1);box-shadow:inset 0 0 4px var(--element-box-shadow-color-1),inset 0 4px 4px var(--element-box-shadow-color-2)}.apps-scroll{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SiLinkModule }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiLaunchpadAppComponent, selector: "a[si-launchpad-app]", inputs: ["external", "active", "enableFavoriteToggle", "favorite", "action", "iconUrl", "iconClass"], outputs: ["favoriteChange"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiLaunchpadFactoryComponent, decorators: [{
             type: Component,
@@ -746,10 +746,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         SiLinkModule,
                         SiTranslatePipe,
                         SiLaunchpadAppComponent,
-                        SiIconNextComponent,
+                        SiIconComponent,
                         RouterLinkActive,
                         RouterLink
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-any -->\n<!-- temporary until old primary-navbar is removed -->\n<div\n  class=\"app-switcher pt-8 g-5 g-sm-9 container-fluid\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  (keydown.escape)=\"escape()\"\n>\n  @if (titleText()) {\n    <p class=\"mb-4 si-title-1 lh-1\">{{ titleText() | translate }}</p>\n  }\n  @if (subtitleText()) {\n    <p class=\"si-body-2 text-secondary mb-4\">{{ subtitleText() | translate }}</p>\n  }\n  <div class=\"apps-scroll pb-8 ms-n2 ps-2\">\n    @for (category of categories(); track category; let first = $first) {\n      @if (!enableFavorites() || !hasFavorites() || first || showAllApps) {\n        <div class=\"mt-4\">\n          @if (category.name) {\n            <span class=\"si-title-1\">\n              {{ category.name | translate }}\n            </span>\n          }\n          <div class=\"mt-4 d-flex flex-wrap gap-4\">\n            @for (app of category.apps; track app) {\n              @switch (app.type) {\n                @case ('router-link') {\n                  <a\n                    si-launchpad-app\n                    routerLinkActive=\"active\"\n                    [routerLinkActiveOptions]=\"app.activeMatchOptions ?? { exact: false }\"\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    [favorite]=\"!!app.favorite\"\n                    [routerLink]=\"app.routerLink\"\n                    [queryParams]=\"app.extras?.queryParams\"\n                    [queryParamsHandling]=\"app.extras?.queryParamsHandling\"\n                    [fragment]=\"app.extras?.fragment\"\n                    [state]=\"app.extras?.state\"\n                    [relativeTo]=\"app.extras?.relativeTo ?? this.activatedRoute\"\n                    [preserveFragment]=\"app.extras?.preserveFragment\"\n                    [skipLocationChange]=\"app.extras?.skipLocationChange\"\n                    [replaceUrl]=\"app.extras?.replaceUrl\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n                @default {\n                  <!--fallback for existing apps that do not have a type defined -->\n                  <a\n                    si-launchpad-app\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [favorite]=\"!!app.favorite\"\n                    [href]=\"app.href\"\n                    [target]=\"app.target ?? ''\"\n                    [active]=\"app.active\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n\n      @if (enableFavorites() && first && hasFavorites()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-link dropdown-toggle text-decoration-none my-4 si-title-2\"\n          [class.show]=\"showAllApps\"\n          (click)=\"showAllApps = !showAllApps\"\n        >\n          <b>{{ (showAllApps ? showLessAppsText() : showMoreAppsText()) | translate }}</b>\n          <si-icon-next class=\"dropdown-caret icon\" [icon]=\"icons.elementDown2\" />\n        </button>\n      }\n    }\n  </div>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost position-absolute top-0 end-0 mt-6 me-4\"\n    [attr.aria-label]=\"closeText() | translate\"\n    (click)=\"closeLaunchpad()\"\n  >\n    <si-icon-next [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n", styles: [".app-switcher{position:fixed;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-inline:0;min-block-size:200px;max-block-size:calc(100vh - 48px - var(--element-titlebar-spacing, 0px) - var(--element-system-banner-spacing, 0px));display:flex;flex-direction:column;z-index:1033;background-color:var(--element-base-1);box-shadow:inset 0 0 4px var(--element-box-shadow-color-1),inset 0 4px 4px var(--element-box-shadow-color-2)}.apps-scroll{overflow-y:auto}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-any -->\n<!-- temporary until old primary-navbar is removed -->\n<div\n  class=\"app-switcher pt-8 g-5 g-sm-9 container-fluid\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  (keydown.escape)=\"escape()\"\n>\n  @if (titleText()) {\n    <p class=\"mb-4 si-title-1 lh-1\">{{ titleText() | translate }}</p>\n  }\n  @if (subtitleText()) {\n    <p class=\"si-body-2 text-secondary mb-4\">{{ subtitleText() | translate }}</p>\n  }\n  <div class=\"apps-scroll pb-8 ms-n2 ps-2\">\n    @for (category of categories(); track category; let first = $first) {\n      @if (!enableFavorites() || !hasFavorites() || first || showAllApps) {\n        <div class=\"mt-4\">\n          @if (category.name) {\n            <span class=\"si-title-1\">\n              {{ category.name | translate }}\n            </span>\n          }\n          <div class=\"mt-4 d-flex flex-wrap gap-4\">\n            @for (app of category.apps; track app) {\n              @switch (app.type) {\n                @case ('router-link') {\n                  <a\n                    si-launchpad-app\n                    routerLinkActive=\"active\"\n                    [routerLinkActiveOptions]=\"app.activeMatchOptions ?? { exact: false }\"\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    [favorite]=\"!!app.favorite\"\n                    [routerLink]=\"app.routerLink\"\n                    [queryParams]=\"app.extras?.queryParams\"\n                    [queryParamsHandling]=\"app.extras?.queryParamsHandling\"\n                    [fragment]=\"app.extras?.fragment\"\n                    [state]=\"app.extras?.state\"\n                    [relativeTo]=\"app.extras?.relativeTo ?? this.activatedRoute\"\n                    [preserveFragment]=\"app.extras?.preserveFragment\"\n                    [skipLocationChange]=\"app.extras?.skipLocationChange\"\n                    [replaceUrl]=\"app.extras?.replaceUrl\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n                @default {\n                  <!--fallback for existing apps that do not have a type defined -->\n                  <a\n                    si-launchpad-app\n                    [enableFavoriteToggle]=\"enableFavorites() && !$any(app)._noFavorite\"\n                    [favorite]=\"!!app.favorite\"\n                    [href]=\"app.href\"\n                    [target]=\"app.target ?? ''\"\n                    [active]=\"app.active\"\n                    [external]=\"app.external\"\n                    [iconUrl]=\"app.iconUrl\"\n                    [iconClass]=\"app.iconClass\"\n                    (favoriteChange)=\"toggleFavorite(app, $event)\"\n                  >\n                    <span app-name>{{ app.name | translate }}</span>\n                    <span app-systemName>{{ app.systemName | translate }}</span>\n                  </a>\n                }\n              }\n            }\n          </div>\n        </div>\n      }\n\n      @if (enableFavorites() && first && hasFavorites()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-link dropdown-toggle text-decoration-none my-4 si-title-2\"\n          [class.show]=\"showAllApps\"\n          (click)=\"showAllApps = !showAllApps\"\n        >\n          <b>{{ (showAllApps ? showLessAppsText() : showMoreAppsText()) | translate }}</b>\n          <si-icon class=\"dropdown-caret icon\" [icon]=\"icons.elementDown2\" />\n        </button>\n      }\n    }\n  </div>\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-sm btn-ghost position-absolute top-0 end-0 mt-6 me-4\"\n    [attr.aria-label]=\"closeText() | translate\"\n    (click)=\"closeLaunchpad()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </button>\n</div>\n", styles: [".app-switcher{position:fixed;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));inset-inline:0;min-block-size:200px;max-block-size:calc(100vh - 48px - var(--element-titlebar-spacing, 0px) - var(--element-system-banner-spacing, 0px));display:flex;flex-direction:column;z-index:1033;background-color:var(--element-base-1);box-shadow:inset 0 0 4px var(--element-box-shadow-color-1),inset 0 4px 4px var(--element-box-shadow-color-2)}.apps-scroll{overflow-y:auto}\n"] }]
         }] });
 
 /**