@siemens/element-ng 48.0.2 → 48.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-wizard.mjs","sources":["../../../../projects/element-ng/wizard/si-wizard-step.component.ts","../../../../projects/element-ng/wizard/si-wizard-step.component.html","../../../../projects/element-ng/wizard/si-wizard.component.ts","../../../../projects/element-ng/wizard/si-wizard.component.html","../../../../projects/element-ng/wizard/si-wizard.module.ts","../../../../projects/element-ng/wizard/index.ts","../../../../projects/element-ng/wizard/siemens-element-ng-wizard.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n  signal\n} from '@angular/core';\n\n@Component({\n  selector: 'si-wizard-step',\n  templateUrl: './si-wizard-step.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiWizardStepComponent {\n  /** @defaultValue '' */\n  readonly heading = input('');\n  /** @defaultValue true */\n  readonly isValid = input(true, { transform: booleanAttribute });\n  /** @defaultValue true */\n  readonly isNextNavigable = input(true, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly failed = input(false, { transform: booleanAttribute });\n\n  readonly next = output();\n  readonly back = output();\n  readonly save = output();\n\n  /**\n   * Whether this step is currently active or not.\n   * @defaultValue false\n   */\n  readonly isActive = signal(false);\n}\n","@if (isActive()) {\n  <div class=\"h-100\">\n    <ng-content />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  input,\n  linkedSignal,\n  output,\n  signal,\n  untracked,\n  viewChild\n} from '@angular/core';\nimport { WebComponentContentChildren } from '@siemens/element-ng/common';\nimport {\n  addIcons,\n  elementCancel,\n  elementChecked,\n  elementCheckedFilled,\n  elementLeft4,\n  elementNotChecked,\n  elementRadioChecked,\n  elementRight4,\n  elementWarningFilled,\n  SiIconComponent\n} from '@siemens/element-ng/icon';\nimport { SiResizeObserverDirective } from '@siemens/element-ng/resize-observer';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiWizardStepComponent } from './si-wizard-step.component';\n\ninterface StepItem {\n  index: number;\n  step: SiWizardStepComponent;\n}\n\n@Component({\n  selector: 'si-wizard',\n  imports: [NgClass, SiIconComponent, SiResizeObserverDirective, SiTranslatePipe, NgTemplateOutlet],\n  templateUrl: './si-wizard.component.html',\n  styleUrl: './si-wizard.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'py-6 px-8 d-flex flex-column',\n    '[class.vertical]': 'verticalLayout()',\n    '[style.--wizard-vertical-min-size]': 'verticalMinSize()',\n    '[style.--wizard-vertical-max-size]': 'verticalMaxSize()'\n  }\n})\nexport class SiWizardComponent {\n  protected readonly containerSteps = viewChild<ElementRef<HTMLDivElement>>('containerSteps');\n\n  /**\n   * Description of back button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.BACK:Back`)\n   * ```\n   */\n  readonly backText = input(t(() => $localize`:@@SI_WIZARD.BACK:Back`));\n  /**\n   * Description of next button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.NEXT:Next`)\n   * ```\n   */\n  readonly nextText = input(t(() => $localize`:@@SI_WIZARD.NEXT:Next`));\n\n  /**\n   * Hide the navigation buttons previous/next.\n   *\n   * @defaultValue false\n   */\n  readonly hideNavigation = input(false, { transform: booleanAttribute });\n  /**\n   * Description of save button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.SAVE:Save`)\n   * ```\n   */\n  readonly saveText = input(t(() => $localize`:@@SI_WIZARD.SAVE:Save`));\n  /**\n   * Hide the save button.\n   *\n   * @defaultValue false\n   */\n  readonly hideSave = input(false, { transform: booleanAttribute });\n  /**\n   * Text shown if you complete the wizard.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`)\n   * ```\n   */\n  readonly completionText = input(t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`));\n  /**\n   * Description of cancel button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`)\n   * ```\n   */\n  readonly cancelText = input(t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`));\n  /**\n   * Show the cancel button\n   *\n   * @defaultValue false\n   */\n  readonly hasCancel = input(false, { transform: booleanAttribute });\n  /**\n   * Display a predefined page by the end of the wizard.\n   *\n   * @defaultValue false\n   */\n  readonly enableCompletionPage = input(false, { transform: booleanAttribute });\n  /**\n   * Define how many milliseconds the completion page is visible.\n   *\n   * @defaultValue 3000\n   */\n  readonly completionPageVisibleTime = input(3000);\n  /**\n   * Class name of icon shown for current and upcoming steps.\n   *\n   * @defaultValue 'elementNotChecked'\n   */\n  readonly stepIcon = input('elementNotChecked');\n  /**\n   * Class name of icon shown for the active step.\n   *\n   * @defaultValue 'elementRadioChecked'\n   */\n  readonly stepActiveIcon = input('elementRadioChecked');\n  /**\n   * Class name of icon shown when a step was completed.\n   *\n   * @defaultValue 'elementCheckedFilled'\n   */\n  readonly stepCompletedIcon = input('elementCheckedFilled');\n  /**\n   * Class name of icon shown when a step had an error.\n   *\n   * @defaultValue 'elementWarningFilled'\n   */\n  readonly stepFailedIcon = input('elementWarningFilled');\n  /**\n   * Set the orientation of the wizard to vertical.\n   *\n   * @defaultValue false\n   */\n  readonly verticalLayout = input(false, { transform: booleanAttribute });\n  /**\n   * Set false to show navigation buttons in footer instead of inline.\n   *\n   * @defaultValue false\n   */\n  readonly inlineNavigation = input(false, { transform: booleanAttribute });\n  /**\n   * Use number representation for steps.\n   *\n   * @defaultValue false\n   */\n  readonly showStepNumbers = input(false, { transform: booleanAttribute });\n  /**\n   * Set to true to display a divider between the steps and the content in the vertical\n   *\n   * @defaultValue false\n   */\n  readonly showVerticalDivider = input(false, { transform: booleanAttribute });\n  /** Set the wizard step container min size in vertical layout. */\n  readonly verticalMinSize = input<string>();\n  /** Set the wizard step container max size in vertical layout. */\n  readonly verticalMaxSize = input<string>();\n\n  /** Callback function triggered after the wizard has been completed. */\n  readonly completionAction = output();\n\n  /** Callback function triggered if the wizard has been canceled. */\n  readonly wizardCancel = output();\n\n  /** Get the current step wizard step index. */\n  get index(): number {\n    return this._index();\n  }\n\n  /** Get number of wizard steps. */\n  get stepCount(): number {\n    return this.steps().length;\n  }\n\n  /** Get current visible wizard step. */\n  get currentStep(): SiWizardStepComponent | undefined {\n    return this._currentStep();\n  }\n\n  @WebComponentContentChildren(SiWizardStepComponent)\n  protected readonly steps = contentChildren(SiWizardStepComponent);\n  protected readonly visibleSteps = linkedSignal(() => this.calculateVisibleStepCount());\n  protected readonly showCompletionPage = signal(false);\n  /** The list of visible steps. */\n  protected readonly activeSteps = computed(() => this.computeVisibleSteps());\n\n  private readonly _index = linkedSignal(() => {\n    const currentStep = this._currentStep();\n    const currentStepIndex = currentStep ? this.steps().indexOf(currentStep) : 0;\n    return currentStepIndex < 0 ? 0 : currentStepIndex;\n  });\n  private readonly _currentStep = linkedSignal(() => {\n    const steps = this.steps();\n    const currentActive = steps.find(step => step.isActive());\n    if (currentActive) {\n      return currentActive;\n    } else if (steps.length) {\n      untracked(() => steps[0].isActive.set(true));\n      return steps[0];\n    } else {\n      return undefined;\n    }\n  });\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementChecked,\n    elementCheckedFilled,\n    elementLeft4,\n    elementNotChecked,\n    elementRight4,\n    elementRadioChecked,\n    elementWarningFilled\n  });\n\n  protected canActivate(stepIndex: number): boolean {\n    if (stepIndex < 0) {\n      return false;\n    }\n    // Can always activate previous steps\n    if (stepIndex < this.index) {\n      return true;\n    }\n    // We are already in the step. Nothing to activate.\n    if (stepIndex === this.index) {\n      return false;\n    }\n    // Fast-forward: check all steps if they are valid\n    for (let i = this.index; i < stepIndex; i++) {\n      const theStep = this.steps()[i];\n      if (!theStep.isValid()) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  protected activateStep(event: Event, stepIndex: number): void {\n    event.preventDefault();\n    if (this.canActivate(stepIndex)) {\n      if (stepIndex > this.index) {\n        this.next(stepIndex - this.index);\n      }\n      if (stepIndex < this.index) {\n        this.back(this.index - stepIndex);\n      }\n    }\n  }\n\n  protected getStateClass(stepIndex: number): string {\n    if (stepIndex === this.index) {\n      return 'active';\n    }\n    if (!this.canActivate(stepIndex)) {\n      return 'disabled';\n    }\n    if (stepIndex < this.index) {\n      return 'completed';\n    }\n    return '';\n  }\n\n  protected getAriaDisabled(stepIndex: number): string {\n    if (!this.canActivate(stepIndex)) {\n      return 'true';\n    }\n    return 'false';\n  }\n\n  protected getAriaCurrent(stepIndex: number): string {\n    if (stepIndex === this.index) {\n      return 'step';\n    }\n    return 'false';\n  }\n\n  /**\n   * Go to the next wizard step.\n   * @param delta - optional number of steps to move forward.\n   */\n  next(delta: number = 1): void {\n    const steps = this.steps();\n    if (this.index === steps.length - 1) {\n      return;\n    }\n    const stepIndex = this.index + delta;\n    const nextStep = steps[stepIndex];\n    if (this.canActivate(stepIndex)) {\n      this.currentStep?.next.emit();\n      if (this.currentStep?.isNextNavigable()) {\n        this.activate(nextStep);\n      }\n    }\n  }\n\n  /**\n   * Go to the previous wizard step.\n   * @param delta - optional number of steps to move backwards.\n   */\n  back(delta: number = 1): void {\n    if (this.index === 0) {\n      return;\n    }\n    this.currentStep?.back.emit();\n    this.activate(this.steps()[this.index - delta]);\n  }\n\n  /** Triggers the save action to complete the wizard. */\n  save(): void {\n    this.currentStep?.save.emit();\n\n    if (this.enableCompletionPage() && this.completionPageVisibleTime() > 0) {\n      this.showCompletionPage.set(true);\n      setTimeout(() => {\n        this.showCompletionPage.set(false);\n        this.completionAction.emit();\n      }, this.completionPageVisibleTime());\n    } else {\n      this.completionAction.emit();\n    }\n  }\n\n  protected getState(step: SiWizardStepComponent, stepIndex: number): string {\n    if (step.failed() === true) {\n      return this.stepFailedIcon();\n    }\n    const txtStyle = step.isActive() ? this.stepActiveIcon() : this.stepIcon();\n    return stepIndex >= this.index ? txtStyle : this.stepCompletedIcon();\n  }\n\n  private activate(step: SiWizardStepComponent): void {\n    if (this.currentStep) {\n      this.currentStep.isActive.set(false);\n    }\n\n    step.isActive.set(true);\n    this._currentStep.set(step);\n    this._index.set(this.steps().indexOf(step));\n  }\n\n  protected updateVisibleSteps(): void {\n    const newVisibleSteps = this.calculateVisibleStepCount();\n    if (newVisibleSteps !== this.visibleSteps()) {\n      this.visibleSteps.set(newVisibleSteps);\n    }\n  }\n\n  private calculateVisibleStepCount(): number {\n    const containerSteps = this.containerSteps();\n    if (!containerSteps) {\n      return 0;\n    }\n    if (this.verticalLayout()) {\n      const computedStyle = getComputedStyle(containerSteps.nativeElement);\n      const clientHeight =\n        containerSteps.nativeElement.clientHeight -\n        parseInt(computedStyle.paddingBlockStart) -\n        parseInt(computedStyle.paddingBlockEnd);\n      return Math.max(Math.floor(clientHeight / 48), 1);\n    } else {\n      const clientWidth = containerSteps.nativeElement.clientWidth;\n      return Math.max(Math.floor(clientWidth / 150), 1);\n    }\n  }\n\n  private computeVisibleSteps(): StepItem[] {\n    const create = (index: number): StepItem => ({ index, step: this.steps()[index] });\n    if (this.steps().length === 0) {\n      return [];\n    } else if (this.visibleSteps() <= 1) {\n      return [create(this.index)];\n    } else if (this.stepCount <= this.visibleSteps()) {\n      return this.steps().map((_, i) => create(i));\n    } else {\n      const steps = [this.index];\n      for (\n        let i = 1, left = this.index - 1, right = this.index + 1;\n        i < this.visibleSteps();\n        right++, left--\n      ) {\n        // Iterate in both directions to check current step is in visible range.\n        if (right < this.stepCount) {\n          steps.push(right);\n          i++;\n        }\n        if (left >= 0 && i < this.visibleSteps()) {\n          steps.push(left);\n          i++;\n        }\n      }\n\n      return steps.sort((l, r) => l - r).map(i => create(i));\n    }\n  }\n}\n","@if (!showCompletionPage()) {\n  @if (!verticalLayout()) {\n    <div class=\"container-wizard\" [class.justify-content-center]=\"!inlineNavigation()\">\n      @if (inlineNavigation()) {\n        <ng-container *ngTemplateOutlet=\"cancelBtnHorizontal\" />\n        <ng-container *ngTemplateOutlet=\"backBtnHorizontal\" />\n      }\n      <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n      @if (inlineNavigation()) {\n        <ng-container *ngTemplateOutlet=\"nextBtnHorizontal\" />\n      }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"stepContent\" />\n    @if (inlineNavigation()) {\n      <ng-container *ngTemplateOutlet=\"saveBtn\" />\n    } @else {\n      <ng-container *ngTemplateOutlet=\"footer\" />\n    }\n  } @else {\n    @if (showVerticalDivider()) {\n      <div class=\"container-wizard vertical\">\n        <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n        <div class=\"vertical-divider\"></div>\n        <div class=\"d-flex flex-column w-100\">\n          <div class=\"steps-content\">\n            <ng-container *ngTemplateOutlet=\"stepContent\" />\n          </div>\n          <ng-container *ngTemplateOutlet=\"footer\" />\n        </div>\n      </div>\n    } @else {\n      <div class=\"container-wizard vertical\">\n        <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n        <div class=\"steps-content\">\n          <ng-container *ngTemplateOutlet=\"stepContent\" />\n        </div>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footer\" />\n    }\n  }\n} @else {\n  <div class=\"text-center\">\n    <si-icon class=\"completion-icon-size text-success\" [icon]=\"icons.elementChecked\" />\n    <p class=\"si-h4\"> {{ completionText() | translate }}</p>\n  </div>\n}\n\n<ng-template #stepsTemplate>\n  <div\n    #containerSteps\n    class=\"container-steps\"\n    [class.vertical]=\"verticalLayout()\"\n    [class.mx-4]=\"inlineNavigation()\"\n    [class.mt-4]=\"!verticalLayout() && inlineNavigation()\"\n    (siResizeObserver)=\"updateVisibleSteps()\"\n  >\n    @for (item of activeSteps(); track item.index) {\n      <div class=\"step\">\n        <div\n          class=\"line previous\"\n          [class.dashed]=\"$first && item.index > 0\"\n          [class.vertical]=\"verticalLayout()\"\n          [class.spacer]=\"$first && item.index === 0\"\n          [ngClass]=\"getStateClass(item.index)\"\n        ></div>\n        <a\n          class=\"focus-none\"\n          [ngClass]=\"getStateClass(item.index)\"\n          [attr.aria-current]=\"getAriaCurrent(item.index)\"\n          [attr.href]=\"!canActivate(item.index) || !currentStep?.isNextNavigable() ? null : '#'\"\n          (click)=\"activateStep($event, item.index)\"\n        >\n          @if (showStepNumbers() && !item.step.failed()) {\n            <div\n              class=\"step-icon number-step d-flex justify-content-center align-items-center px-1\"\n            >\n              <div class=\"circle\" [class.status-warning]=\"item.step.failed()\">\n                <span class=\"si-h5 px-2\" [class.completed-color]=\"item.index < index\">\n                  {{ item.index + 1 }}\n                </span>\n              </div>\n            </div>\n          } @else {\n            <si-icon\n              class=\"icon step-icon\"\n              [class.status-warning]=\"item.step.failed()\"\n              [icon]=\"getState(item.step!, item.index)\"\n            />\n          }\n          <div\n            class=\"title si-h5\"\n            [class.text-center]=\"!verticalLayout()\"\n            [class.px-6]=\"!verticalLayout()\"\n            [attr.aria-disabled]=\"getAriaDisabled(item.index)\"\n            >{{ item.step.heading() | translate }}</div\n          >\n        </a>\n        @if (item.index + 1 < stepCount) {\n          <div\n            class=\"line\"\n            [class.vertical]=\"verticalLayout()\"\n            [ngClass]=\"getStateClass(item.index + 1)\"\n            [class.dashed]=\"$last\"\n          ></div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #stepContent>\n  <div [class.flex-grow-1]=\"!verticalLayout()\" [class.h-100]=\"verticalLayout()\">\n    <ng-content />\n  </div>\n</ng-template>\n\n<ng-template #cancelBtnHorizontal>\n  @if (hasCancel()) {\n    <div class=\"me-7\">\n      <div class=\"wizard-btn-container\" (click)=\"wizardCancel.emit()\">\n        <button\n          type=\"button\"\n          class=\"btn btn-sm btn-circle btn-secondary mt-2 mb-4\"\n          [attr.aria-label]=\"cancelText() | translate\"\n        >\n          <si-icon [icon]=\"icons.elementCancel\" />\n        </button>\n        <div class=\"si-h5 text-primary\">{{ cancelText() | translate }}</div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #footer>\n  <div class=\"wizard-footer pt-6\">\n    <div class=\"wizard-footer-inner\" [class.ms-6]=\"showVerticalDivider()\">\n      @if (hasCancel()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-tertiary\"\n          [attr.aria-label]=\"cancelText() | translate\"\n          (click)=\"wizardCancel.emit()\"\n        >\n          {{ cancelText() | translate }}\n        </button>\n      }\n      @if (!hideNavigation()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary\"\n          [class.d-none]=\"index === 0\"\n          [class.end]=\"index !== 0\"\n          [attr.aria-label]=\"backText() | translate\"\n          (click)=\"back(1)\"\n        >\n          {{ backText() | translate }}\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"btn btn-primary\"\n          [attr.aria-label]=\"nextText() | translate\"\n          [disabled]=\"!currentStep?.isValid()\"\n          [class.d-none]=\"index === steps().length - 1\"\n          [class.end]=\"index === 0\"\n          (click)=\"next(1)\"\n        >\n          {{ nextText() | translate }}\n        </button>\n      }\n\n      @if (!hideSave()) {\n        @if (index === steps().length - 1) {\n          <button\n            type=\"button\"\n            class=\"btn btn-primary save\"\n            [disabled]=\"!currentStep?.isValid() || !currentStep?.isNextNavigable()\"\n            (click)=\"save()\"\n            >{{ saveText() | translate }}</button\n          >\n        }\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #backBtnHorizontal>\n  <div class=\"wizard-btn-container\">\n    @if (!hideNavigation()) {\n      <div class=\"back\" [class.invisible]=\"index === 0\" (click)=\"back(1)\">\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary btn-circle mb-2\"\n          [attr.aria-label]=\"backText() | translate\"\n        >\n          <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n        </button>\n        <div class=\"si-h5 text-primary\">{{ backText() | translate }}</div>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #nextBtnHorizontal>\n  <div class=\"wizard-btn-container\" [class.wizard-text-deactivate]=\"!currentStep?.isValid()\">\n    @if (!hideNavigation()) {\n      <div class=\"next\" [class.invisible]=\"index === steps().length - 1\" (click)=\"next(1)\">\n        <button\n          type=\"button\"\n          class=\"btn btn-primary btn-circle mb-2\"\n          [disabled]=\"!currentStep?.isValid()\"\n          [attr.aria-label]=\"nextText() | translate\"\n        >\n          <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n        </button>\n        <div\n          class=\"si-h5 text-primary\"\n          [class.text-muted]=\"!currentStep?.isValid()\"\n          [attr.aria-disabled]=\"!currentStep?.isValid()\"\n          >{{ nextText() | translate }}</div\n        >\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #saveBtn>\n  @if (!hideSave()) {\n    <div [class.center-save]=\"!verticalLayout() && inlineNavigation()\">\n      @if (index === steps().length - 1) {\n        <button\n          type=\"button\"\n          class=\"btn btn-primary save\"\n          [disabled]=\"!currentStep?.isValid() || !currentStep?.isNextNavigable()\"\n          (click)=\"save()\"\n          >{{ saveText() | translate }}</button\n        >\n      }\n    </div>\n  }\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiWizardStepComponent } from './si-wizard-step.component';\nimport { SiWizardComponent } from './si-wizard.component';\n\n@NgModule({\n  imports: [SiWizardComponent, SiWizardStepComponent],\n  exports: [SiWizardComponent, SiWizardStepComponent]\n})\nexport class SiWizardModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-wizard-step.component';\nexport * from './si-wizard.component';\nexport * from './si-wizard.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-wizard.mjs","sources":["../../../../projects/element-ng/wizard/si-wizard-step.component.ts","../../../../projects/element-ng/wizard/si-wizard-step.component.html","../../../../projects/element-ng/wizard/si-wizard.component.ts","../../../../projects/element-ng/wizard/si-wizard.component.html","../../../../projects/element-ng/wizard/si-wizard.module.ts","../../../../projects/element-ng/wizard/index.ts","../../../../projects/element-ng/wizard/siemens-element-ng-wizard.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  output,\n  signal\n} from '@angular/core';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-wizard-step',\n  templateUrl: './si-wizard-step.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiWizardStepComponent {\n  /** @defaultValue '' */\n  readonly heading = input<TranslatableString>('');\n  /** @defaultValue true */\n  readonly isValid = input(true, { transform: booleanAttribute });\n  /** @defaultValue true */\n  readonly isNextNavigable = input(true, { transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly failed = input(false, { transform: booleanAttribute });\n\n  readonly next = output();\n  readonly back = output();\n  readonly save = output();\n\n  /**\n   * Whether this step is currently active or not.\n   * @defaultValue false\n   */\n  readonly isActive = signal(false);\n}\n","@if (isActive()) {\n  <div class=\"h-100\">\n    <ng-content />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  input,\n  linkedSignal,\n  output,\n  signal,\n  untracked,\n  viewChild\n} from '@angular/core';\nimport { WebComponentContentChildren } from '@siemens/element-ng/common';\nimport {\n  addIcons,\n  elementCancel,\n  elementChecked,\n  elementCheckedFilled,\n  elementLeft4,\n  elementNotChecked,\n  elementRadioChecked,\n  elementRight4,\n  elementWarningFilled,\n  SiIconComponent\n} from '@siemens/element-ng/icon';\nimport { SiResizeObserverDirective } from '@siemens/element-ng/resize-observer';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiWizardStepComponent } from './si-wizard-step.component';\n\ninterface StepItem {\n  index: number;\n  step: SiWizardStepComponent;\n}\n\n@Component({\n  selector: 'si-wizard',\n  imports: [NgClass, SiIconComponent, SiResizeObserverDirective, SiTranslatePipe, NgTemplateOutlet],\n  templateUrl: './si-wizard.component.html',\n  styleUrl: './si-wizard.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'py-6 px-8 d-flex flex-column',\n    '[class.vertical]': 'verticalLayout()',\n    '[style.--wizard-vertical-min-size]': 'verticalMinSize()',\n    '[style.--wizard-vertical-max-size]': 'verticalMaxSize()'\n  }\n})\nexport class SiWizardComponent {\n  protected readonly containerSteps = viewChild<ElementRef<HTMLDivElement>>('containerSteps');\n\n  /**\n   * Description of back button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.BACK:Back`)\n   * ```\n   */\n  readonly backText = input(t(() => $localize`:@@SI_WIZARD.BACK:Back`));\n  /**\n   * Description of next button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.NEXT:Next`)\n   * ```\n   */\n  readonly nextText = input(t(() => $localize`:@@SI_WIZARD.NEXT:Next`));\n\n  /**\n   * Hide the navigation buttons previous/next.\n   *\n   * @defaultValue false\n   */\n  readonly hideNavigation = input(false, { transform: booleanAttribute });\n  /**\n   * Description of save button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.SAVE:Save`)\n   * ```\n   */\n  readonly saveText = input(t(() => $localize`:@@SI_WIZARD.SAVE:Save`));\n  /**\n   * Hide the save button.\n   *\n   * @defaultValue false\n   */\n  readonly hideSave = input(false, { transform: booleanAttribute });\n  /**\n   * Text shown if you complete the wizard.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`)\n   * ```\n   */\n  readonly completionText = input(t(() => $localize`:@@SI_WIZARD.COMPLETED:Wizard completed!`));\n  /**\n   * Description of cancel button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`)\n   * ```\n   */\n  readonly cancelText = input(t(() => $localize`:@@SI_WIZARD.CANCEL:Cancel`));\n  /**\n   * Show the cancel button\n   *\n   * @defaultValue false\n   */\n  readonly hasCancel = input(false, { transform: booleanAttribute });\n  /**\n   * Display a predefined page by the end of the wizard.\n   *\n   * @defaultValue false\n   */\n  readonly enableCompletionPage = input(false, { transform: booleanAttribute });\n  /**\n   * Define how many milliseconds the completion page is visible.\n   *\n   * @defaultValue 3000\n   */\n  readonly completionPageVisibleTime = input(3000);\n  /**\n   * Class name of icon shown for current and upcoming steps.\n   *\n   * @defaultValue 'elementNotChecked'\n   */\n  readonly stepIcon = input('elementNotChecked');\n  /**\n   * Class name of icon shown for the active step.\n   *\n   * @defaultValue 'elementRadioChecked'\n   */\n  readonly stepActiveIcon = input('elementRadioChecked');\n  /**\n   * Class name of icon shown when a step was completed.\n   *\n   * @defaultValue 'elementCheckedFilled'\n   */\n  readonly stepCompletedIcon = input('elementCheckedFilled');\n  /**\n   * Class name of icon shown when a step had an error.\n   *\n   * @defaultValue 'elementWarningFilled'\n   */\n  readonly stepFailedIcon = input('elementWarningFilled');\n  /**\n   * Set the orientation of the wizard to vertical.\n   *\n   * @defaultValue false\n   */\n  readonly verticalLayout = input(false, { transform: booleanAttribute });\n  /**\n   * Set false to show navigation buttons in footer instead of inline.\n   *\n   * @defaultValue false\n   */\n  readonly inlineNavigation = input(false, { transform: booleanAttribute });\n  /**\n   * Use number representation for steps.\n   *\n   * @defaultValue false\n   */\n  readonly showStepNumbers = input(false, { transform: booleanAttribute });\n  /**\n   * Set to true to display a divider between the steps and the content in the vertical\n   *\n   * @defaultValue false\n   */\n  readonly showVerticalDivider = input(false, { transform: booleanAttribute });\n  /** Set the wizard step container min size in vertical layout. */\n  readonly verticalMinSize = input<string>();\n  /** Set the wizard step container max size in vertical layout. */\n  readonly verticalMaxSize = input<string>();\n\n  /** Callback function triggered after the wizard has been completed. */\n  readonly completionAction = output();\n\n  /** Callback function triggered if the wizard has been canceled. */\n  readonly wizardCancel = output();\n\n  /** Get the current step wizard step index. */\n  get index(): number {\n    return this._index();\n  }\n\n  /** Get number of wizard steps. */\n  get stepCount(): number {\n    return this.steps().length;\n  }\n\n  /** Get current visible wizard step. */\n  get currentStep(): SiWizardStepComponent | undefined {\n    return this._currentStep();\n  }\n\n  @WebComponentContentChildren(SiWizardStepComponent)\n  protected readonly steps = contentChildren(SiWizardStepComponent);\n  protected readonly visibleSteps = linkedSignal(() => this.calculateVisibleStepCount());\n  protected readonly showCompletionPage = signal(false);\n  /** The list of visible steps. */\n  protected readonly activeSteps = computed(() => this.computeVisibleSteps());\n\n  private readonly _index = linkedSignal(() => {\n    const currentStep = this._currentStep();\n    const currentStepIndex = currentStep ? this.steps().indexOf(currentStep) : 0;\n    return currentStepIndex < 0 ? 0 : currentStepIndex;\n  });\n  private readonly _currentStep = linkedSignal(() => {\n    const steps = this.steps();\n    const currentActive = steps.find(step => step.isActive());\n    if (currentActive) {\n      return currentActive;\n    } else if (steps.length) {\n      untracked(() => steps[0].isActive.set(true));\n      return steps[0];\n    } else {\n      return undefined;\n    }\n  });\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementChecked,\n    elementCheckedFilled,\n    elementLeft4,\n    elementNotChecked,\n    elementRight4,\n    elementRadioChecked,\n    elementWarningFilled\n  });\n\n  protected canActivate(stepIndex: number): boolean {\n    if (stepIndex < 0) {\n      return false;\n    }\n    // Can always activate previous steps\n    if (stepIndex < this.index) {\n      return true;\n    }\n    // We are already in the step. Nothing to activate.\n    if (stepIndex === this.index) {\n      return false;\n    }\n    // Fast-forward: check all steps if they are valid\n    for (let i = this.index; i < stepIndex; i++) {\n      const theStep = this.steps()[i];\n      if (!theStep.isValid()) {\n        return false;\n      }\n    }\n    return true;\n  }\n\n  protected activateStep(event: Event, stepIndex: number): void {\n    event.preventDefault();\n    if (this.canActivate(stepIndex)) {\n      if (stepIndex > this.index) {\n        this.next(stepIndex - this.index);\n      }\n      if (stepIndex < this.index) {\n        this.back(this.index - stepIndex);\n      }\n    }\n  }\n\n  protected getStateClass(stepIndex: number): string {\n    if (stepIndex === this.index) {\n      return 'active';\n    }\n    if (!this.canActivate(stepIndex)) {\n      return 'disabled';\n    }\n    if (stepIndex < this.index) {\n      return 'completed';\n    }\n    return '';\n  }\n\n  protected getAriaDisabled(stepIndex: number): string {\n    if (!this.canActivate(stepIndex)) {\n      return 'true';\n    }\n    return 'false';\n  }\n\n  protected getAriaCurrent(stepIndex: number): string {\n    if (stepIndex === this.index) {\n      return 'step';\n    }\n    return 'false';\n  }\n\n  /**\n   * Go to the next wizard step.\n   * @param delta - optional number of steps to move forward.\n   */\n  next(delta: number = 1): void {\n    const steps = this.steps();\n    if (this.index === steps.length - 1) {\n      return;\n    }\n    const stepIndex = this.index + delta;\n    const nextStep = steps[stepIndex];\n    if (this.canActivate(stepIndex)) {\n      this.currentStep?.next.emit();\n      if (this.currentStep?.isNextNavigable()) {\n        this.activate(nextStep);\n      }\n    }\n  }\n\n  /**\n   * Go to the previous wizard step.\n   * @param delta - optional number of steps to move backwards.\n   */\n  back(delta: number = 1): void {\n    if (this.index === 0) {\n      return;\n    }\n    this.currentStep?.back.emit();\n    this.activate(this.steps()[this.index - delta]);\n  }\n\n  /** Triggers the save action to complete the wizard. */\n  save(): void {\n    this.currentStep?.save.emit();\n\n    if (this.enableCompletionPage() && this.completionPageVisibleTime() > 0) {\n      this.showCompletionPage.set(true);\n      setTimeout(() => {\n        this.showCompletionPage.set(false);\n        this.completionAction.emit();\n      }, this.completionPageVisibleTime());\n    } else {\n      this.completionAction.emit();\n    }\n  }\n\n  protected getState(step: SiWizardStepComponent, stepIndex: number): string {\n    if (step.failed() === true) {\n      return this.stepFailedIcon();\n    }\n    const txtStyle = step.isActive() ? this.stepActiveIcon() : this.stepIcon();\n    return stepIndex >= this.index ? txtStyle : this.stepCompletedIcon();\n  }\n\n  private activate(step: SiWizardStepComponent): void {\n    if (this.currentStep) {\n      this.currentStep.isActive.set(false);\n    }\n\n    step.isActive.set(true);\n    this._currentStep.set(step);\n    this._index.set(this.steps().indexOf(step));\n  }\n\n  protected updateVisibleSteps(): void {\n    const newVisibleSteps = this.calculateVisibleStepCount();\n    if (newVisibleSteps !== this.visibleSteps()) {\n      this.visibleSteps.set(newVisibleSteps);\n    }\n  }\n\n  private calculateVisibleStepCount(): number {\n    const containerSteps = this.containerSteps();\n    if (!containerSteps) {\n      return 0;\n    }\n    if (this.verticalLayout()) {\n      const computedStyle = getComputedStyle(containerSteps.nativeElement);\n      const clientHeight =\n        containerSteps.nativeElement.clientHeight -\n        parseInt(computedStyle.paddingBlockStart) -\n        parseInt(computedStyle.paddingBlockEnd);\n      return Math.max(Math.floor(clientHeight / 48), 1);\n    } else {\n      const clientWidth = containerSteps.nativeElement.clientWidth;\n      return Math.max(Math.floor(clientWidth / 150), 1);\n    }\n  }\n\n  private computeVisibleSteps(): StepItem[] {\n    const create = (index: number): StepItem => ({ index, step: this.steps()[index] });\n    if (this.steps().length === 0) {\n      return [];\n    } else if (this.visibleSteps() <= 1) {\n      return [create(this.index)];\n    } else if (this.stepCount <= this.visibleSteps()) {\n      return this.steps().map((_, i) => create(i));\n    } else {\n      const steps = [this.index];\n      for (\n        let i = 1, left = this.index - 1, right = this.index + 1;\n        i < this.visibleSteps();\n        right++, left--\n      ) {\n        // Iterate in both directions to check current step is in visible range.\n        if (right < this.stepCount) {\n          steps.push(right);\n          i++;\n        }\n        if (left >= 0 && i < this.visibleSteps()) {\n          steps.push(left);\n          i++;\n        }\n      }\n\n      return steps.sort((l, r) => l - r).map(i => create(i));\n    }\n  }\n}\n","@if (!showCompletionPage()) {\n  @if (!verticalLayout()) {\n    <div class=\"container-wizard\" [class.justify-content-center]=\"!inlineNavigation()\">\n      @if (inlineNavigation()) {\n        <ng-container *ngTemplateOutlet=\"cancelBtnHorizontal\" />\n        <ng-container *ngTemplateOutlet=\"backBtnHorizontal\" />\n      }\n      <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n      @if (inlineNavigation()) {\n        <ng-container *ngTemplateOutlet=\"nextBtnHorizontal\" />\n      }\n    </div>\n\n    <ng-container *ngTemplateOutlet=\"stepContent\" />\n    @if (inlineNavigation()) {\n      <ng-container *ngTemplateOutlet=\"saveBtn\" />\n    } @else {\n      <ng-container *ngTemplateOutlet=\"footer\" />\n    }\n  } @else {\n    @if (showVerticalDivider()) {\n      <div class=\"container-wizard vertical\">\n        <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n        <div class=\"vertical-divider\"></div>\n        <div class=\"d-flex flex-column w-100\">\n          <div class=\"steps-content\">\n            <ng-container *ngTemplateOutlet=\"stepContent\" />\n          </div>\n          <ng-container *ngTemplateOutlet=\"footer\" />\n        </div>\n      </div>\n    } @else {\n      <div class=\"container-wizard vertical\">\n        <ng-container *ngTemplateOutlet=\"stepsTemplate\" />\n        <div class=\"steps-content\">\n          <ng-container *ngTemplateOutlet=\"stepContent\" />\n        </div>\n      </div>\n      <ng-container *ngTemplateOutlet=\"footer\" />\n    }\n  }\n} @else {\n  <div class=\"text-center\">\n    <si-icon class=\"completion-icon-size text-success\" [icon]=\"icons.elementChecked\" />\n    <p class=\"si-h4\"> {{ completionText() | translate }}</p>\n  </div>\n}\n\n<ng-template #stepsTemplate>\n  <div\n    #containerSteps\n    class=\"container-steps\"\n    [class.vertical]=\"verticalLayout()\"\n    [class.mx-4]=\"inlineNavigation()\"\n    [class.mt-4]=\"!verticalLayout() && inlineNavigation()\"\n    (siResizeObserver)=\"updateVisibleSteps()\"\n  >\n    @for (item of activeSteps(); track item.index) {\n      <div class=\"step\">\n        <div\n          class=\"line previous\"\n          [class.dashed]=\"$first && item.index > 0\"\n          [class.vertical]=\"verticalLayout()\"\n          [class.spacer]=\"$first && item.index === 0\"\n          [ngClass]=\"getStateClass(item.index)\"\n        ></div>\n        <a\n          class=\"focus-none\"\n          [ngClass]=\"getStateClass(item.index)\"\n          [attr.aria-current]=\"getAriaCurrent(item.index)\"\n          [attr.href]=\"!canActivate(item.index) || !currentStep?.isNextNavigable() ? null : '#'\"\n          (click)=\"activateStep($event, item.index)\"\n        >\n          @if (showStepNumbers() && !item.step.failed()) {\n            <div\n              class=\"step-icon number-step d-flex justify-content-center align-items-center px-1\"\n            >\n              <div class=\"circle\" [class.status-warning]=\"item.step.failed()\">\n                <span class=\"si-h5 px-2\" [class.completed-color]=\"item.index < index\">\n                  {{ item.index + 1 }}\n                </span>\n              </div>\n            </div>\n          } @else {\n            <si-icon\n              class=\"icon step-icon\"\n              [class.status-warning]=\"item.step.failed()\"\n              [icon]=\"getState(item.step!, item.index)\"\n            />\n          }\n          <div\n            class=\"title si-h5\"\n            [class.text-center]=\"!verticalLayout()\"\n            [class.px-6]=\"!verticalLayout()\"\n            [attr.aria-disabled]=\"getAriaDisabled(item.index)\"\n            >{{ item.step.heading() | translate }}</div\n          >\n        </a>\n        @if (item.index + 1 < stepCount) {\n          <div\n            class=\"line\"\n            [class.vertical]=\"verticalLayout()\"\n            [ngClass]=\"getStateClass(item.index + 1)\"\n            [class.dashed]=\"$last\"\n          ></div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #stepContent>\n  <div [class.flex-grow-1]=\"!verticalLayout()\" [class.h-100]=\"verticalLayout()\">\n    <ng-content />\n  </div>\n</ng-template>\n\n<ng-template #cancelBtnHorizontal>\n  @if (hasCancel()) {\n    <div class=\"me-7\">\n      <div class=\"wizard-btn-container\" (click)=\"wizardCancel.emit()\">\n        <button\n          type=\"button\"\n          class=\"btn btn-sm btn-circle btn-secondary mt-2 mb-4\"\n          [attr.aria-label]=\"cancelText() | translate\"\n        >\n          <si-icon [icon]=\"icons.elementCancel\" />\n        </button>\n        <div class=\"si-h5 text-primary\">{{ cancelText() | translate }}</div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #footer>\n  <div class=\"wizard-footer pt-6\">\n    <div class=\"wizard-footer-inner\" [class.ms-6]=\"showVerticalDivider()\">\n      @if (hasCancel()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-tertiary\"\n          [attr.aria-label]=\"cancelText() | translate\"\n          (click)=\"wizardCancel.emit()\"\n        >\n          {{ cancelText() | translate }}\n        </button>\n      }\n      @if (!hideNavigation()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary\"\n          [class.d-none]=\"index === 0\"\n          [class.end]=\"index !== 0\"\n          [attr.aria-label]=\"backText() | translate\"\n          (click)=\"back(1)\"\n        >\n          {{ backText() | translate }}\n        </button>\n\n        <button\n          type=\"button\"\n          class=\"btn btn-primary\"\n          [attr.aria-label]=\"nextText() | translate\"\n          [disabled]=\"!currentStep?.isValid()\"\n          [class.d-none]=\"index === steps().length - 1\"\n          [class.end]=\"index === 0\"\n          (click)=\"next(1)\"\n        >\n          {{ nextText() | translate }}\n        </button>\n      }\n\n      @if (!hideSave()) {\n        @if (index === steps().length - 1) {\n          <button\n            type=\"button\"\n            class=\"btn btn-primary save\"\n            [disabled]=\"!currentStep?.isValid() || !currentStep?.isNextNavigable()\"\n            (click)=\"save()\"\n            >{{ saveText() | translate }}</button\n          >\n        }\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #backBtnHorizontal>\n  <div class=\"wizard-btn-container\">\n    @if (!hideNavigation()) {\n      <div class=\"back\" [class.invisible]=\"index === 0\" (click)=\"back(1)\">\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary btn-circle mb-2\"\n          [attr.aria-label]=\"backText() | translate\"\n        >\n          <si-icon class=\"flip-rtl\" [icon]=\"icons.elementLeft4\" />\n        </button>\n        <div class=\"si-h5 text-primary\">{{ backText() | translate }}</div>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #nextBtnHorizontal>\n  <div class=\"wizard-btn-container\" [class.wizard-text-deactivate]=\"!currentStep?.isValid()\">\n    @if (!hideNavigation()) {\n      <div class=\"next\" [class.invisible]=\"index === steps().length - 1\" (click)=\"next(1)\">\n        <button\n          type=\"button\"\n          class=\"btn btn-primary btn-circle mb-2\"\n          [disabled]=\"!currentStep?.isValid()\"\n          [attr.aria-label]=\"nextText() | translate\"\n        >\n          <si-icon class=\"flip-rtl\" [icon]=\"icons.elementRight4\" />\n        </button>\n        <div\n          class=\"si-h5 text-primary\"\n          [class.text-muted]=\"!currentStep?.isValid()\"\n          [attr.aria-disabled]=\"!currentStep?.isValid()\"\n          >{{ nextText() | translate }}</div\n        >\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #saveBtn>\n  @if (!hideSave()) {\n    <div [class.center-save]=\"!verticalLayout() && inlineNavigation()\">\n      @if (index === steps().length - 1) {\n        <button\n          type=\"button\"\n          class=\"btn btn-primary save\"\n          [disabled]=\"!currentStep?.isValid() || !currentStep?.isNextNavigable()\"\n          (click)=\"save()\"\n          >{{ saveText() | translate }}</button\n        >\n      }\n    </div>\n  }\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiWizardStepComponent } from './si-wizard-step.component';\nimport { SiWizardComponent } from './si-wizard.component';\n\n@NgModule({\n  imports: [SiWizardComponent, SiWizardStepComponent],\n  exports: [SiWizardComponent, SiWizardStepComponent]\n})\nexport class SiWizardModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-wizard-step.component';\nexport * from './si-wizard.component';\nexport * from './si-wizard.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/file-uploader/index.d.ts

@@ -1,3 +1,4 @@
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import { OnChanges, SimpleChanges } from '@angular/core';
 import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
@@ -8,13 +9,14 @@ import { Observable, Subscription } from 'rxjs';
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
+
 /** */
 interface UploadFile {
     status: 'added' | 'invalid' | 'queued' | 'uploading' | 'success' | 'error';
     file: File;
     fileName: string;
     size: string;
-    errorText?: string;
+    errorText?: TranslatableString;
     progress: number;
 }
 

package/filter-bar/index.d.ts

@@ -1,3 +1,4 @@
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
 import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import { BackgroundColorVariant } from '@siemens/element-ng/common';
@@ -6,6 +7,7 @@ import { BackgroundColorVariant } from '@siemens/element-ng/common';
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
+
 /** */
 type FilterStatusType = 'default' | 'success' | 'info' | 'warning' | 'danger' | 'inactive';
 interface Filter {
@@ -18,12 +20,12 @@ interface Filter {
      * Shown title of filter pill.
      * Can be left empty if {@link description} is used.
      */
-    title?: string;
+    title?: TranslatableString;
     /**
      * Short description of filter pill.
      * Can be left empty if {@link title} is used to align the title to middle of pill.
      */
-    description?: string;
+    description?: TranslatableString;
     /**
      * Status of filter pill
      */

package/form/index.d.ts

@@ -1,4 +1,3 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as _angular_core from '@angular/core';
 import { DoCheck, Signal, InjectionToken, AfterContentInit, AfterContentChecked, OnChanges, OnInit, OnDestroy, ElementRef, SimpleChanges, ModuleWithProviders, Provider } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
@@ -66,7 +65,7 @@ interface SiFormValidationErrorMapper {
 interface SiFormValidationError {
     controlName?: string;
     controlNameTranslationKey?: string;
-    errorCode: string;
+    errorCode: TranslatableString;
     errorCodeTranslationKey?: string;
     errorParams?: any;
 }
@@ -135,48 +134,48 @@ declare class SiFormContainerComponent<TControl extends {
     /** @internal */
     readonly formErrorMapper: _angular_core.Signal<{
         [key: string]: string | ((error: any) => string) | undefined;
-        required?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        required?: TranslatableString | ((error: {
             required: boolean;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        requiredTrue?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        requiredTrue?: TranslatableString | ((error: {
             required: boolean;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        email?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        email?: TranslatableString | ((error: {
             email: boolean;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        min?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        min?: TranslatableString | ((error: {
             min: number;
             actual: number;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        max?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        max?: TranslatableString | ((error: {
             max: number;
             actual: number;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        minLength?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        minLength?: TranslatableString | ((error: {
             requiredLength: number;
             actualLength: number;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        maxLength?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        maxLength?: TranslatableString | ((error: {
             requiredLength: number;
             actualLength: number;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        pattern?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        pattern?: TranslatableString | ((error: {
             pattern: string | RegExp;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        numberFormat?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        numberFormat?: TranslatableString | ((error: {
             numberFormat: boolean;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        dateFormat?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        dateFormat?: TranslatableString | ((error: {
             format: string;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        maxDate?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        maxDate?: TranslatableString | ((error: {
             max: Date;
             actual: Date;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
-        minDate?: _siemens_element_translate_ng_translate_types.TranslatableString | ((error: {
+        }) => TranslatableString);
+        minDate?: TranslatableString | ((error: {
             min: Date;
             actual: Date;
-        }) => _siemens_element_translate_ng_translate_types.TranslatableString);
+        }) => TranslatableString);
     }>;
     /**
      * Indicates whether the user interacted with the form.
@@ -206,7 +205,7 @@ declare class SiFormContainerComponent<TControl extends {
 declare class SiFormFieldsetComponent implements DoCheck {
     private static labelIdCounter;
     /** The label for the entire fieldset. */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<TranslatableString>;
     /** Overrides the parent label width. */
     readonly labelWidth: _angular_core.InputSignal<string | undefined>;
     /**
@@ -276,7 +275,7 @@ interface SiFormItemControl {
 /** @internal */
 interface SiFormError {
     key: string;
-    message?: string;
+    message?: TranslatableString;
     params: any;
 }
 declare class SiFormItemComponent implements AfterContentInit, AfterContentChecked, OnChanges, OnInit, OnDestroy {
@@ -284,7 +283,7 @@ declare class SiFormItemComponent implements AfterContentInit, AfterContentCheck
      * The label to be displayed in the form item.
      * It will be translated if a translation key is available.
      */
-    readonly label: _angular_core.InputSignal<string | null | undefined>;
+    readonly label: _angular_core.InputSignal<TranslatableString | null | undefined>;
     /**
      * A custom width value to be applied to the label.
      * A value of 0 is allowed as well to visually hide away the label area.

package/inline-notification/index.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { StatusType } from '@siemens/element-ng/common';
 import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 declare class SiInlineNotificationComponent {
     /**
@@ -10,11 +11,11 @@ declare class SiInlineNotificationComponent {
     /**
      * Heading of the message.
      */
-    readonly heading: _angular_core.InputSignal<string | undefined>;
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Main message of this inline notification.
      */
-    readonly message: _angular_core.InputSignal<string>;
+    readonly message: _angular_core.InputSignal<TranslatableString>;
     /**
      * Optional link action for inline notification events.
      */

package/landing-page/index.d.ts

@@ -28,9 +28,10 @@ interface AlertConfig {
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
+
 interface LandingPageWarning {
-    title: string;
-    content: string;
+    title: TranslatableString;
+    content: TranslatableString;
 }
 interface UsernamePassword {
     username: string | null | undefined;

package/language-switcher/index.d.ts

@@ -1,4 +1,5 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as i0 from '@angular/core';
 
@@ -6,6 +7,7 @@ import * as i0 from '@angular/core';
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
+
 /** */
 interface IsoLanguageValue {
     /**
@@ -15,7 +17,7 @@ interface IsoLanguageValue {
     /**
      * Language name, ex "English" or translatable string, ex "LANGUAGES.EN"
      */
-    name: string;
+    name: TranslatableString;
 }
 
 declare class SiLanguageSwitcherComponent {

package/list-details/index.d.ts

@@ -114,6 +114,8 @@ declare class SiListPaneBodyComponent {
 declare class SiDetailsPaneComponent {
     protected parent: SiListDetailsComponent;
     private readonly routerOutlet;
+    private subscription?;
+    private destroyer;
     /** @internal */
     readonly isRouterBased: _angular_core.Signal<boolean>;
     constructor();

package/main-detail-container/index.d.ts

@@ -1,6 +1,6 @@
-import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
 declare class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDestroy {
     private animationDuration;
@@ -39,7 +39,7 @@ declare class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDes
      *
      * @defaultValue ''
      */
-    readonly heading: _angular_core.InputSignal<string>;
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
     /**
      * Whether the heading should be truncated (single line) or not.
      * Default value is `false`.
@@ -52,7 +52,7 @@ declare class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDes
      *
      * @defaultValue ''
      */
-    readonly detailsHeading: _angular_core.InputSignal<string>;
+    readonly detailsHeading: _angular_core.InputSignal<TranslatableString>;
     /**
      * Whether the main and detail parts should be resizable by a splitter or not.
      * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).
@@ -77,7 +77,7 @@ declare class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDes
      * t(() => $localize`:@@SI_MAIN_DETAIL_CONTAINER.BACK:Back`)
      * ```
      */
-    readonly detailsBackButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    readonly detailsBackButtonText: _angular_core.InputSignal<TranslatableString>;
     /**
      * CSS class(es) applied to the outermost container. Per default, Bootstrap classes
      * to handle responsive paddings are applied: `px-6 pt-6 px-md-9`.

package/navbar/index.d.ts

@@ -44,7 +44,7 @@ interface AccountItem extends MenuItem {
     /**
      * Role name shown as a badge in the bottom
      */
-    role?: string;
+    role?: TranslatableString;
 }
 
 /**

package/notification-item/index.d.ts

@@ -0,0 +1,141 @@
+import * as _angular_core from '@angular/core';
+import { NavigationExtras, ActivatedRoute } from '@angular/router';
+import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+/**
+ * Interface for a router link in a notification item.
+ * @param type - The type of the link, always 'router-link'.
+ * @param routerLink - The router link to navigate to.
+ * @param extras - Optional navigation extras for the router.
+ */
+interface NotificationItemRouterLink {
+    type: 'router-link';
+    routerLink: string | any[];
+    extras?: NavigationExtras;
+}
+/**
+ * Interface for a standard link in a notification item.
+ * @param type - The type of the link, always 'link'.
+ * @param href - The URL to navigate to.
+ * @param target - Optional target attribute for the link.
+ */
+interface NotificationItemLink {
+    type: 'link';
+    href: string;
+    target?: string;
+}
+/**
+ * Base interface for notification item actions.
+ * @param ariaLabel - The ARIA label for accessibility.
+ * @param icon - The icon to display for the action.
+ */
+interface NotificationItemBase {
+    ariaLabel: TranslatableString;
+    icon: string;
+}
+/**
+ * Interface for an action circle button in a notification item.
+ * @param type - The type of the action, always 'action-circle-button'.
+ * @param customClass - Optional custom CSS class for styling.
+ * @param action - The action to perform when the button is clicked.
+ */
+interface NotificationItemActionCircleButton extends NotificationItemBase {
+    type: 'action-circle-button';
+    customClass?: string;
+    action: (source: this) => void;
+}
+/**
+ * Interface for a router link with an icon in a notification item.
+ * @param type - The type of the link, always 'router-link'.
+ * @param routerLink - The router link to navigate to.
+ * @param extras - Optional navigation extras for the router.
+ */
+interface NotificationItemRouterLinkIcon extends NotificationItemBase {
+    type: 'router-link';
+    routerLink: string | any[];
+    extras?: NavigationExtras;
+}
+/**
+ * Interface for a standard link with an icon in a notification item.
+ * @param type - The type of the link, always 'link'.
+ * @param href - The URL to navigate to.
+ * @param target - Optional target attribute for the link.
+ */
+interface NotificationItemLinkIcon extends NotificationItemBase {
+    type: 'link';
+    href: string;
+    target?: string;
+}
+/**
+ * Interface for an action button in a notification item.
+ * @param type - The type of the action, always 'action-button'.
+ * @param label - The label to display on the button.
+ * @param action - The action to perform when the button is clicked.
+ */
+interface NotificationItemActionButton {
+    type: 'action-button';
+    label: TranslatableString;
+    action: (source: this) => void;
+}
+/**
+ * Interface for a menu in a notification item.
+ * @param type - The type of the action, always 'menu'.
+ * @param menuItems - The menu items to display in the menu.
+ */
+interface NotificationItemMenu {
+    type: 'menu';
+    menuItems: MenuItem[];
+}
+/**
+ * Union type for quick actions in a notification item.
+ */
+type NotificationItemQuickAction = NotificationItemActionCircleButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon;
+/**
+ * Union type for primary actions in a notification item.
+ */
+type NotificationItemPrimaryAction = NotificationItemActionCircleButton | NotificationItemLinkIcon | NotificationItemRouterLinkIcon | NotificationItemMenu | NotificationItemActionButton;
+/**
+ * This component represents a single notification that can be used within notification
+ * centers, popovers, or other containers. It supports various action types including
+ * router links, standard links, action buttons, and menus.
+ */
+declare class SiNotificationItemComponent {
+    /**
+     * The timestamp of the notification item.
+     */
+    readonly timeStamp: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * The heading of the notification item.
+     */
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Optional translatable description.
+     */
+    readonly description: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Unread messages are emphasized with a bolder font.
+     *
+     * @defaultValue false
+     */
+    readonly unread: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Link to the source or relevant information of the notification,
+     * which triggers when clicking on the notification item text area.
+     */
+    readonly itemLink: _angular_core.InputSignal<NotificationItemRouterLink | NotificationItemLink | undefined>;
+    /**
+     * Actions that are displayed below the text of the notification.
+     */
+    readonly quickActions: _angular_core.InputSignal<NotificationItemQuickAction[] | undefined>;
+    /**
+     * Action that is displayed on the right side of the notification.
+     */
+    readonly primaryAction: _angular_core.InputSignal<NotificationItemPrimaryAction | undefined>;
+    protected readonly activatedRoute: ActivatedRoute | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNotificationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNotificationItemComponent, "si-notification-item", never, { "timeStamp": { "alias": "timeStamp"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "unread": { "alias": "unread"; "required": false; "isSignal": true; }; "itemLink": { "alias": "itemLink"; "required": false; "isSignal": true; }; "quickActions": { "alias": "quickActions"; "required": false; "isSignal": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; "isSignal": true; }; }, {}, never, ["si-avatar,si-circle-status,si-icon,si-status-icon", "[action]", "[quick-actions]", "[description]"], true, never>;
+}
+
+export { SiNotificationItemComponent };
+export type { NotificationItemActionButton, NotificationItemActionCircleButton, NotificationItemBase, NotificationItemLink, NotificationItemLinkIcon, NotificationItemMenu, NotificationItemPrimaryAction, NotificationItemQuickAction, NotificationItemRouterLink, NotificationItemRouterLinkIcon };

package/notification-item/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-notification-item.mjs"
+}