@siemens/element-ng 51.0.0 → 51.1.0

package/fesm2022/siemens-element-ng-photo-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-photo-upload.mjs","sources":["../../../../projects/element-ng/photo-upload/si-image-cropper-style.component.ts","../../../../projects/element-ng/photo-upload/si-photo-upload.component.ts","../../../../projects/element-ng/photo-upload/si-photo-upload.component.html","../../../../projects/element-ng/photo-upload/index.ts","../../../../projects/element-ng/photo-upload/siemens-element-ng-photo-upload.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'si-image-cropper-style',\n  template: '<ng-content />',\n  styleUrl: './si-image-cropper-style.component.scss'\n})\nexport class SiImageCropperStyleComponent {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  signal,\n  SimpleChanges,\n  TemplateRef,\n  viewChild\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport {\n  elementCancel,\n  elementCircleFilled,\n  elementStateExclamationMark\n} from '@siemens/element-icons';\nimport { SiAvatarBackgroundColorDirective } from '@siemens/element-ng/avatar';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { ModalRef, SiModalService } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { CropperPosition, ImageCroppedEvent, ImageCropperComponent } from 'ngx-image-cropper';\n\nimport { SiImageCropperStyleComponent } from './si-image-cropper-style.component';\n\n/**\n * A component used to upload, edit, and delete a user's photo. The user can upload\n * a photo either via file browser or a URL to the photo. You can set the source\n * photo with the `sourcePhoto` Data URL input or the `sourcePhotoUrl` URL input.\n * If you already have a cropped image you can set it with the `croppedPhoto` input.\n * Cropping changes are emitted via the `croppedPhotoChange` output.\n */\n@Component({\n  selector: 'si-photo-upload',\n  imports: [\n    NgTemplateOutlet,\n    ImageCropperComponent,\n    SiIconComponent,\n    SiImageCropperStyleComponent,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-photo-upload.component.html',\n  styleUrl: './si-photo-upload.component.scss',\n  hostDirectives: [\n    {\n      directive: SiAvatarBackgroundColorDirective,\n      inputs: ['color', 'autoColor']\n    }\n  ]\n})\nexport class SiPhotoUploadComponent implements OnChanges, OnDestroy {\n  private static idCounter = 0;\n\n  /**\n   * Indicate that changing or uploads are disabled.\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Optionally disable image cropping.\n   *\n   * @defaultValue false\n   */\n  readonly disabledCropping = input(false, { transform: booleanAttribute });\n\n  /**\n   * Accepted image formats for the file selection dialog.\n   *\n   * @defaultValue '.png, .jpg, .jpeg'\n   *\n   * @see\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept\n   */\n  readonly acceptedUploadFormats = input('.png, .jpg, .jpeg');\n\n  /**\n   * Maximum allowed file size of the uploaded file in kilobytes.\n   *\n   * @defaultValue 2048\n   */\n  readonly maxFileSize = input(2048);\n\n  /**\n   * If the uploaded file is of an unsupported type, this\n   * error message will be displayed to the user.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`)\n   * ```\n   */\n  readonly uploadErrorWrongType = input(\n    t(\n      () =>\n        $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`\n    )\n  );\n\n  /**\n   * If the uploaded file exceeds the allowed upload size, this\n   * error message will be displayed to the user.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`)\n   * ```\n   */\n  readonly uploadErrorTooBig = input(\n    t(\n      () =>\n        $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`\n    )\n  );\n\n  /**\n   * Alternative text for the photo.\n   *\n   * @defaultValue ''\n   */\n  readonly photoAltText = input<TranslatableString>('');\n\n  /**\n   * Alternative text for the photo´s placeholder.\n   * The value will be used to calculate the background color when `autoColor` is true.\n   *\n   * @defaultValue ''\n   */\n  readonly placeholderAltText = input<TranslatableString>('');\n\n  /**\n   * Text for the button changing the photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`)\n   * ```\n   */\n  readonly changePhotoText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`));\n\n  /**\n   * Cropper frame aria label.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)\n   * ```\n   */\n  readonly cropperFrameAriaLabel = input(\n    t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)\n  );\n\n  /**\n   * Text for the button uploading a photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)\n   * ```\n   */\n  readonly uploadPhotoText = input(\n    t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)\n  );\n\n  /**\n   * Text for the button removing the photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`)\n   * ```\n   */\n  readonly removePhotoText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`));\n\n  /**\n   * Text for the button cancelling the editing process.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`)\n   * ```\n   */\n  readonly cancelEditText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`));\n\n  /**\n   * Text for the button applying the edited photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`)\n   * ```\n   */\n  readonly applyEditText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`));\n\n  /**\n   * Text displayed as header of the editing modal.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`)\n   * ```\n   */\n  readonly modalHeader = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`));\n\n  /**\n   * Text displayed as description of the editing modal.\n   */\n  readonly modalDescription = input<TranslatableString>();\n\n  /**\n   * Output format of the edited image.\n   *\n   * @defaultValue 'jpeg'\n   */\n  readonly cropperImageFormat = input<'png' | 'jpeg'>('jpeg');\n\n  /**\n   * The width / height ratio (e.g. 1 / 1 for a square, 4 / 3, 16 / 9 ...).\n   *\n   * @defaultValue 1\n   */\n  readonly cropperAspectRatio = input(1);\n\n  /**\n   * Whether to keep the width and height of the cropped image equal according\n   * to the aspectRatio.\n   *\n   * @defaultValue true\n   */\n  readonly cropperMaintainAspectRatio = input(true, { transform: booleanAttribute });\n\n  /**\n   * When set to true, padding will be added around the image to make it fit to\n   * the aspect ratio. Be aware that this transformation will cause the loaded\n   * image to be a png file with an increased base64 string payload.\n   *\n   * @defaultValue false\n   */\n  readonly cropperContainWithinAspectRatio = input(false, { transform: booleanAttribute });\n\n  /**\n   * The cropper´s width cannot be made smaller than this number of pixels\n   * (relative to original image´s size). (0 = disabled).\n   *\n   * @defaultValue 50\n   */\n  readonly cropperMinWidth = input(50);\n\n  /**\n   * The cropper´s height cannot be made smaller than this number of pixels\n   * (relative to original image´s size). Will be ignored if\n   * `cropperMaintainAspectRatio` is set. (0 = disabled).\n   *\n   * @defaultValue 50\n   */\n  readonly cropperMinHeight = input(50);\n\n  /**\n   * The cropper´s width cannot be made bigger than this number of pixels.\n   * Default is 0 (disabled).\n   *\n   * @defaultValue 0\n   */\n  readonly cropperMaxWidth = input(0);\n\n  /**\n   * The cropper´s height cannot be made bigger than this number of pixels.\n   * Default is 0 (disabled).\n   *\n   * @defaultValue 0\n   */\n  readonly cropperMaxHeight = input(0);\n\n  /**\n   * Set this to true for a round cropper. Resulting image will still\n   * be square, but visually clipped with a border-radius: 50% on the\n   * resulting image to show it as round.\n   *\n   * @defaultValue true\n   */\n  readonly roundImage = input(true, { transform: booleanAttribute });\n\n  /**\n   * The input photo to be used for cropping. A string in [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs) format\n   * with base64 encoding.\n   */\n  readonly sourcePhoto = model<string>();\n\n  /**\n   * URL to a photo to be used for cropping.\n   */\n  readonly sourcePhotoUrl = input<string>();\n\n  /**\n   * The photo to be displayed and edited (when not readonly).\n   */\n  readonly croppedPhoto = model<string>();\n\n  protected readonly editPhotoTemplate = viewChild.required<TemplateRef<any>>('editPhotoTemplate');\n  protected readonly fileInput = viewChild.required<ElementRef<any>>('fileInput');\n  protected readonly imageCropper = viewChild<ImageCropperComponent>('imageCropper');\n\n  // used to label the dialog\n  protected readonly titleId = `__si-photo-upload-${SiPhotoUploadComponent.idCounter++}`;\n\n  /**\n   * The trusted photo url string which is used to display the photo.\n   */\n  protected readonly sanitizedPhotoUrl = signal<SafeResourceUrl | undefined>(undefined);\n\n  /**\n   * The appropriate error message displayed to the user. Might be\n   * `uploadErrorWrongType` or `uploadErrorTooBig`.\n   */\n  protected readonly uploadErrorMessage = signal<string | undefined>(undefined);\n  protected readonly editButtonText = computed(() =>\n    this.sanitizedPhotoUrl() ? this.changePhotoText() : this.uploadPhotoText()\n  );\n  protected readonly currentFileSizeKilobytes = signal(-1);\n  protected readonly currentFileSizeMegabytes = signal(-1);\n  protected readonly maxSizeMb = computed(() => this.maxFileSize() / 1024);\n\n  /**\n   * The photo instance to be used in the image cropper. We need a different\n   * reference than `sourcePhoto` to support the cancel after uploading\n   * a new photo. While `sourcePhoto` is A and image cropper uploads B,\n   * we should not replace `sourcePhoto` A until user presses apply.\n   */\n  protected readonly imageCropperPhoto = signal<string | undefined>(undefined);\n\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementCircleFilled,\n    elementStateExclamationMark\n  });\n  /**\n   * Reference to the modal displaying the photo to edit.\n   */\n  protected modalRef?: ModalRef;\n  /**\n   * The last cropped event of the image cropper component.\n   * Will be set on every mouse drag of the user. It contains\n   * the cropped image and the position. When user completes\n   * the cropping, the data from the last event is used.\n   */\n  private imageCroppedEvent?: ImageCroppedEvent;\n  /**\n   * Applied cropper position necessary to restore the cropper position when the use press the Change button.\n   */\n  private cropperPosition?: CropperPosition;\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly modalService = inject(SiModalService);\n  private readonly autoBackgroundColorDirective = inject(SiAvatarBackgroundColorDirective);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.readonly) {\n      this.resetErrorMessage();\n      this.resetFileInputValue();\n    }\n\n    if (changes.sourcePhotoUrl) {\n      this.setPhoto(this.sourcePhotoUrl());\n      this.cropperPosition = undefined;\n      this.croppedPhoto.set(undefined);\n    }\n    if (changes.sourcePhoto?.currentValue !== this.imageCropperPhoto()) {\n      const sourcePhoto = this.sourcePhoto();\n      this.setPhoto(sourcePhoto);\n      this.cropperPosition = undefined;\n      this.croppedPhoto.set(undefined);\n      this.imageCropperPhoto.set(sourcePhoto);\n    }\n    if (\n      changes.croppedPhoto &&\n      (changes.croppedPhoto?.previousValue?.length ?? 0) > 0 &&\n      changes.croppedPhoto.previousValue !== changes.croppedPhoto.currentValue\n    ) {\n      this.setPhoto(this.croppedPhoto());\n    }\n    if (changes.placeholderAltText) {\n      this.autoBackgroundColorDirective.calculateColorFromInitials(this.placeholderAltText());\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.modalRef?.detach();\n  }\n\n  /**\n   * Opens a modal dialog with the cropping component.\n   */\n  protected showCroppingDialog(): void {\n    if (this.modalRef) {\n      return;\n    }\n    if (this.disabledCropping()) {\n      this.sourcePhoto.set(this.imageCropperPhoto());\n      const sourcePhoto = this.sourcePhoto();\n      this.updateCroppedPhoto(sourcePhoto ?? '');\n      return;\n    }\n    this.modalRef = this.modalService.show(\n      this.editPhotoTemplate(),\n      {\n        ignoreBackdropClick: false,\n        keyboard: true,\n        class: 'modal-dialog-centered',\n        ariaLabelledBy: this.titleId\n      },\n      'cancel'\n    );\n    this.resetErrorMessage();\n    this.modalRef.hidden.subscribe(() => {\n      this.resetErrorMessage();\n      this.resetFileInputValue();\n      this.modalRef = undefined;\n    });\n  }\n\n  protected fileUpload(event: Event): void {\n    // Initially reset a possible error message\n    this.resetErrorMessage();\n    const files = (event.target as HTMLInputElement).files;\n    const file = files && files.length > 0 ? files[0] : undefined;\n    if (!file) {\n      return;\n    }\n    const fileType = file.type;\n    const allowedFileTypes = this.acceptedUploadFormats()\n      .split(',')\n      .map(type => type.trim().replace('.', 'image/'));\n    const fileTypeWrong = !allowedFileTypes.includes(fileType);\n    if (fileTypeWrong) {\n      this.uploadErrorMessage.set(this.uploadErrorWrongType());\n      return;\n    }\n    const sizeInKb = file.size / 1024;\n    this.currentFileSizeKilobytes.set(Math.round(sizeInKb * 10) / 10);\n    this.currentFileSizeMegabytes.set(Math.round((sizeInKb / 1024) * 1000) / 1000);\n    const fileSizeTooBig = sizeInKb > this.maxFileSize();\n    if (fileSizeTooBig) {\n      this.uploadErrorMessage.set(this.uploadErrorTooBig());\n      return;\n    }\n    const reader = new FileReader();\n    reader.addEventListener('loadend', () => {\n      if (typeof reader.result === 'string') {\n        this.cropperPosition = undefined;\n        this.imageCropperPhoto.set(reader.result);\n\n        // Bring up the editing modal if not already present\n        this.showCroppingDialog();\n      }\n    });\n    reader.readAsDataURL(file);\n  }\n\n  private updateCroppedPhoto(croppedPhoto: string, position?: CropperPosition): void {\n    this.croppedPhoto.set(croppedPhoto);\n    this.setPhoto(this.croppedPhoto());\n    this.cropperPosition = position;\n  }\n\n  protected removePhoto(): void {\n    // We emit undefined to notify consumers that the cropped\n    // images is removed. This is a kind of special crop event.\n    this.croppedPhoto.set(undefined);\n    this.imageCropperPhoto.set(undefined);\n    this.setPhoto(undefined);\n    this.cropperPosition = undefined;\n    this.resetFileInputValue();\n    this.sourcePhoto.set(undefined);\n  }\n\n  /**\n   * Invoked when user cropped the photo and pressed apply button.\n   * Updates the current photo by the selected cropped photo and\n   * closes the modal dialog.\n   */\n  protected imageCropperApplied(): void {\n    if (this.imageCroppedEvent) {\n      this.sourcePhoto.set(this.imageCropperPhoto());\n      this.updateCroppedPhoto(\n        this.imageCroppedEvent.base64!.toString(),\n        this.imageCroppedEvent.cropperPosition\n      );\n    }\n    this.modalRef?.hide();\n  }\n\n  protected imageCropperCanceled(): void {\n    this.imageCropperPhoto.set(this.sourcePhoto());\n    this.modalRef?.hide('cancel');\n  }\n\n  /**\n   * Callback from the image cropper on every mouse drag invoking a cropping.\n   *\n   * @param event - Event containing the cropped image and the image cropped position.\n   *\n   */\n  protected cropperImageCropped(event: ImageCroppedEvent): void {\n    this.imageCroppedEvent = event;\n  }\n\n  /**\n   * Lifecycle hook from the image cropper component. Informs\n   * us when initialized and ready.\n   */\n  protected cropperReady(): void {\n    // When the user opens cropper dialog multiple times we need to\n    // apply existing cropper position.\n    const imageCropper = this.imageCropper();\n    if (this.cropperPosition && imageCropper) {\n      imageCropper.cropper = { ...this.cropperPosition };\n      imageCropper.crop();\n    }\n  }\n\n  private resetFileInputValue(): void {\n    if (this.fileInput()) {\n      // Remove fileInput value to allow for selecting the same\n      // file for being uploaded again.\n      this.fileInput().nativeElement.value = null;\n    }\n  }\n\n  private resetErrorMessage(): void {\n    this.uploadErrorMessage.set(undefined);\n  }\n\n  private setPhoto(photo?: string): void {\n    this.resetErrorMessage();\n    this.sanitizedPhotoUrl.set(\n      photo ? this.sanitizer.bypassSecurityTrustResourceUrl(photo) : undefined\n    );\n  }\n}\n","<div class=\"photo-upload d-flex flex-column p-6\">\n  <!-- File upload -->\n  <input\n    #fileInput\n    type=\"file\"\n    class=\"d-none\"\n    [accept]=\"acceptedUploadFormats()\"\n    (change)=\"fileUpload($event)\"\n  />\n\n  <!-- Image -->\n  @if (sanitizedPhotoUrl()) {\n    <img\n      class=\"photo-upload-photo\"\n      [class.round]=\"roundImage()\"\n      [src]=\"sanitizedPhotoUrl()\"\n      [alt]=\"photoAltText() | translate\"\n    />\n  } @else {\n    <span\n      class=\"photo-upload-placeholder d-flex align-items-center justify-content-center flex-none\"\n      [class.round]=\"roundImage()\"\n    >\n      {{ placeholderAltText() | translate }}\n    </span>\n  }\n  <!-- Buttons -->\n  @if (!readonly()) {\n    <div class=\"d-flex justify-content-center gap-6 mt-8\">\n      <button\n        type=\"button\"\n        class=\"btn btn-secondary\"\n        (click)=\"\n          (sourcePhoto() || sourcePhotoUrl()) && !disabledCropping()\n            ? showCroppingDialog()\n            : fileInput.click()\n        \"\n      >\n        {{ editButtonText() | translate }}\n      </button>\n      @if (sanitizedPhotoUrl()) {\n        <button type=\"button\" class=\"btn btn-danger\" (click)=\"removePhoto()\">\n          {{ removePhotoText() | translate }}\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (uploadErrorMessage() && !modalRef) {\n    <div class=\"mt-6\">\n      <ng-container [ngTemplateOutlet]=\"errorMessageTemplate\" />\n    </div>\n  }\n</div>\n\n<!-- Template: modal -->\n<ng-template #editPhotoTemplate>\n  <!-- Header -->\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\" [id]=\"titleId\">{{ modalHeader() | translate }}</h4>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-tertiary-ghost\"\n      [attr.aria-label]=\"cancelEditText() | translate\"\n      (click)=\"imageCropperCanceled()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n  <!-- Content -->\n  <div class=\"modal-body\">\n    @if (modalDescription()) {\n      <div class=\"mb-4\">\n        <span class=\"text-secondary\">{{ modalDescription() | translate }}</span>\n      </div>\n    }\n    <ng-container [ngTemplateOutlet]=\"imageCropperTemplate\" />\n    @if (uploadErrorMessage()) {\n      <div class=\"d-flex mt-4\">\n        <ng-container [ngTemplateOutlet]=\"errorMessageTemplate\" />\n      </div>\n    }\n  </div>\n  <!-- Footer -->\n  <div class=\"modal-footer\">\n    <button type=\"button\" class=\"btn btn-secondary me-auto\" (click)=\"fileInput.click()\">\n      {{ changePhotoText() | translate }}\n    </button>\n    <div class=\"d-flex gap-6\">\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"imageCropperCanceled()\">\n        {{ cancelEditText() | translate }}\n      </button>\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"imageCropperApplied()\">\n        {{ applyEditText() | translate }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Template: error message -->\n<ng-template #errorMessageTemplate>\n  <div class=\"d-flex align-items-center\">\n    <span class=\"icon-sm icon-stack d-inline-block my-n2 me-2\">\n      <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n      <si-icon class=\"status-danger-contrast\" [icon]=\"icons.elementStateExclamationMark\" />\n    </span>\n    <span class=\"text-danger\">{{\n      uploadErrorMessage()\n        | translate\n          : {\n              mb: currentFileSizeMegabytes(),\n              kb: currentFileSizeKilobytes(),\n              maxSizeMb: maxSizeMb()\n            }\n    }}</span>\n  </div>\n</ng-template>\n\n<!-- Template: image cropper -->\n<ng-template #imageCropperTemplate>\n  <si-image-cropper-style>\n    <image-cropper\n      #imageCropper\n      output=\"base64\"\n      [aspectRatio]=\"cropperAspectRatio()\"\n      [containWithinAspectRatio]=\"cropperContainWithinAspectRatio()\"\n      [cropperMinWidth]=\"cropperMinWidth()\"\n      [cropperMinHeight]=\"cropperMinHeight()\"\n      [cropperMaxWidth]=\"cropperMaxWidth()\"\n      [cropperMaxHeight]=\"cropperMaxHeight()\"\n      [cropperFrameAriaLabel]=\"cropperFrameAriaLabel() | translate\"\n      [format]=\"cropperImageFormat()\"\n      [imageBase64]=\"imageCropperPhoto()\"\n      [imageURL]=\"sourcePhotoUrl()\"\n      [maintainAspectRatio]=\"cropperMaintainAspectRatio()\"\n      [onlyScaleDown]=\"true\"\n      [roundCropper]=\"roundImage()\"\n      (cropperReady)=\"cropperReady()\"\n      (imageCropped)=\"cropperImageCropped($event)\"\n    />\n  </si-image-cropper-style>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-image-cropper-style.component';\nexport * from './si-photo-upload.component';\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-photo-upload.mjs","sources":["../../../../projects/element-ng/photo-upload/si-image-cropper-style.component.ts","../../../../projects/element-ng/photo-upload/si-photo-upload.component.ts","../../../../projects/element-ng/photo-upload/si-photo-upload.component.html","../../../../projects/element-ng/photo-upload/index.ts","../../../../projects/element-ng/photo-upload/siemens-element-ng-photo-upload.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'si-image-cropper-style',\n  template: '<ng-content />',\n  styleUrl: './si-image-cropper-style.component.scss'\n})\nexport class SiImageCropperStyleComponent {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  signal,\n  SimpleChanges,\n  TemplateRef,\n  viewChild\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport {\n  elementCancel,\n  elementCircleFilled,\n  elementStateExclamationMark\n} from '@siemens/element-icons';\nimport { SiAvatarBackgroundColorDirective } from '@siemens/element-ng/avatar';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { ModalRef, SiModalService } from '@siemens/element-ng/modal';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { CropperPosition, ImageCroppedEvent, ImageCropperComponent } from 'ngx-image-cropper';\n\nimport { SiImageCropperStyleComponent } from './si-image-cropper-style.component';\n\n/**\n * A component used to upload, edit, and delete a user's photo. The user can upload\n * a photo either via file browser or a URL to the photo. You can set the source\n * photo with the `sourcePhoto` Data URL input or the `sourcePhotoUrl` URL input.\n * If you already have a cropped image you can set it with the `croppedPhoto` input.\n * Cropping changes are emitted via the `croppedPhotoChange` output.\n */\n@Component({\n  selector: 'si-photo-upload',\n  imports: [\n    NgTemplateOutlet,\n    ImageCropperComponent,\n    SiIconComponent,\n    SiImageCropperStyleComponent,\n    SiTranslatePipe\n  ],\n  templateUrl: './si-photo-upload.component.html',\n  styleUrl: './si-photo-upload.component.scss',\n  hostDirectives: [\n    {\n      directive: SiAvatarBackgroundColorDirective,\n      inputs: ['color', 'autoColor']\n    }\n  ]\n})\nexport class SiPhotoUploadComponent implements OnChanges, OnDestroy {\n  private static idCounter = 0;\n\n  /**\n   * Indicate that changing or uploads are disabled.\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Optionally disable image cropping.\n   *\n   * @defaultValue false\n   */\n  readonly disabledCropping = input(false, { transform: booleanAttribute });\n\n  /**\n   * Accepted image formats for the file selection dialog.\n   *\n   * @defaultValue '.png, .jpg, .jpeg'\n   *\n   * @see\n   *\n   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept\n   */\n  readonly acceptedUploadFormats = input('.png, .jpg, .jpeg');\n\n  /**\n   * Maximum allowed file size of the uploaded file in kilobytes.\n   *\n   * @defaultValue 2048\n   */\n  readonly maxFileSize = input(2048);\n\n  /**\n   * If the uploaded file is of an unsupported type, this\n   * error message will be displayed to the user.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`)\n   * ```\n   */\n  readonly uploadErrorWrongType = input(\n    t(\n      () =>\n        $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`\n    )\n  );\n\n  /**\n   * If the uploaded file exceeds the allowed upload size, this\n   * error message will be displayed to the user.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`)\n   * ```\n   */\n  readonly uploadErrorTooBig = input(\n    t(\n      () =>\n        $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`\n    )\n  );\n\n  /**\n   * Alternative text for the photo.\n   *\n   * @defaultValue ''\n   */\n  readonly photoAltText = input<TranslatableString>('');\n\n  /**\n   * Alternative text for the photo´s placeholder.\n   * The value will be used to calculate the background color when `autoColor` is true.\n   *\n   * @defaultValue ''\n   */\n  readonly placeholderAltText = input<TranslatableString>('');\n\n  /**\n   * Text for the button changing the photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`)\n   * ```\n   */\n  readonly changePhotoText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`));\n\n  /**\n   * Cropper frame aria label.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)\n   * ```\n   */\n  readonly cropperFrameAriaLabel = input(\n    t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)\n  );\n\n  /**\n   * Text for the button uploading a photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)\n   * ```\n   */\n  readonly uploadPhotoText = input(\n    t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)\n  );\n\n  /**\n   * Text for the button removing the photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`)\n   * ```\n   */\n  readonly removePhotoText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`));\n\n  /**\n   * Text for the button cancelling the editing process.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`)\n   * ```\n   */\n  readonly cancelEditText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`));\n\n  /**\n   * Text for the button applying the edited photo.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`)\n   * ```\n   */\n  readonly applyEditText = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`));\n\n  /**\n   * Text displayed as header of the editing modal.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`)\n   * ```\n   */\n  readonly modalHeader = input(t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`));\n\n  /**\n   * Text displayed as description of the editing modal.\n   */\n  readonly modalDescription = input<TranslatableString>();\n\n  /**\n   * Output format of the edited image.\n   *\n   * @defaultValue 'jpeg'\n   */\n  readonly cropperImageFormat = input<'png' | 'jpeg'>('jpeg');\n\n  /**\n   * The width / height ratio (e.g. 1 / 1 for a square, 4 / 3, 16 / 9 ...).\n   *\n   * @defaultValue 1\n   */\n  readonly cropperAspectRatio = input(1);\n\n  /**\n   * Whether to keep the width and height of the cropped image equal according\n   * to the aspectRatio.\n   *\n   * @defaultValue true\n   */\n  readonly cropperMaintainAspectRatio = input(true, { transform: booleanAttribute });\n\n  /**\n   * When set to true, padding will be added around the image to make it fit to\n   * the aspect ratio. Be aware that this transformation will cause the loaded\n   * image to be a png file with an increased base64 string payload.\n   *\n   * @defaultValue false\n   */\n  readonly cropperContainWithinAspectRatio = input(false, { transform: booleanAttribute });\n\n  /**\n   * The cropper´s width cannot be made smaller than this number of pixels\n   * (relative to original image´s size). (0 = disabled).\n   *\n   * @defaultValue 50\n   */\n  readonly cropperMinWidth = input(50);\n\n  /**\n   * The cropper´s height cannot be made smaller than this number of pixels\n   * (relative to original image´s size). Will be ignored if\n   * `cropperMaintainAspectRatio` is set. (0 = disabled).\n   *\n   * @defaultValue 50\n   */\n  readonly cropperMinHeight = input(50);\n\n  /**\n   * The cropper´s width cannot be made bigger than this number of pixels.\n   * Default is 0 (disabled).\n   *\n   * @defaultValue 0\n   */\n  readonly cropperMaxWidth = input(0);\n\n  /**\n   * The cropper´s height cannot be made bigger than this number of pixels.\n   * Default is 0 (disabled).\n   *\n   * @defaultValue 0\n   */\n  readonly cropperMaxHeight = input(0);\n\n  /**\n   * Set this to true for a round cropper. Resulting image will still\n   * be square, but visually clipped with a border-radius: 50% on the\n   * resulting image to show it as round.\n   *\n   * @defaultValue true\n   */\n  readonly roundImage = input(true, { transform: booleanAttribute });\n\n  /**\n   * The input photo to be used for cropping. A string in [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs) format\n   * with base64 encoding.\n   */\n  readonly sourcePhoto = model<string>();\n\n  /**\n   * URL to a photo to be used for cropping.\n   */\n  readonly sourcePhotoUrl = input<string>();\n\n  /**\n   * The photo to be displayed and edited (when not readonly).\n   */\n  readonly croppedPhoto = model<string>();\n\n  protected readonly editPhotoTemplate = viewChild.required<TemplateRef<any>>('editPhotoTemplate');\n  protected readonly fileInput = viewChild.required<ElementRef<any>>('fileInput');\n  protected readonly imageCropper = viewChild<ImageCropperComponent>('imageCropper');\n\n  // used to label the dialog\n  protected readonly titleId = `__si-photo-upload-${SiPhotoUploadComponent.idCounter++}`;\n\n  /**\n   * The trusted photo url string which is used to display the photo.\n   */\n  protected readonly sanitizedPhotoUrl = signal<SafeResourceUrl | undefined>(undefined);\n\n  /**\n   * The appropriate error message displayed to the user. Might be\n   * `uploadErrorWrongType` or `uploadErrorTooBig`.\n   */\n  protected readonly uploadErrorMessage = signal<string | undefined>(undefined);\n  protected readonly editButtonText = computed(() =>\n    this.sanitizedPhotoUrl() ? this.changePhotoText() : this.uploadPhotoText()\n  );\n  protected readonly currentFileSizeKilobytes = signal(-1);\n  protected readonly currentFileSizeMegabytes = signal(-1);\n  protected readonly maxSizeMb = computed(() => this.maxFileSize() / 1024);\n\n  /**\n   * The photo instance to be used in the image cropper. We need a different\n   * reference than `sourcePhoto` to support the cancel after uploading\n   * a new photo. While `sourcePhoto` is A and image cropper uploads B,\n   * we should not replace `sourcePhoto` A until user presses apply.\n   */\n  protected readonly imageCropperPhoto = signal<string | undefined>(undefined);\n\n  protected readonly icons = addIcons({\n    elementCancel,\n    elementCircleFilled,\n    elementStateExclamationMark\n  });\n  /**\n   * Reference to the modal displaying the photo to edit.\n   */\n  protected modalRef?: ModalRef;\n  /**\n   * The last cropped event of the image cropper component.\n   * Will be set on every mouse drag of the user. It contains\n   * the cropped image and the position. When user completes\n   * the cropping, the data from the last event is used.\n   */\n  private imageCroppedEvent?: ImageCroppedEvent;\n  /**\n   * Applied cropper position necessary to restore the cropper position when the use press the Change button.\n   */\n  private cropperPosition?: CropperPosition;\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly modalService = inject(SiModalService);\n  private readonly autoBackgroundColorDirective = inject(SiAvatarBackgroundColorDirective);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.readonly) {\n      this.resetErrorMessage();\n      this.resetFileInputValue();\n    }\n\n    if (changes.sourcePhotoUrl) {\n      this.setPhoto(this.sourcePhotoUrl());\n      this.cropperPosition = undefined;\n      this.croppedPhoto.set(undefined);\n    }\n    if (changes.sourcePhoto?.currentValue !== this.imageCropperPhoto()) {\n      const sourcePhoto = this.sourcePhoto();\n      this.setPhoto(sourcePhoto);\n      this.cropperPosition = undefined;\n      this.croppedPhoto.set(undefined);\n      this.imageCropperPhoto.set(sourcePhoto);\n    }\n    if (\n      changes.croppedPhoto &&\n      (changes.croppedPhoto?.previousValue?.length ?? 0) > 0 &&\n      changes.croppedPhoto.previousValue !== changes.croppedPhoto.currentValue\n    ) {\n      this.setPhoto(this.croppedPhoto());\n    }\n    if (changes.placeholderAltText) {\n      this.autoBackgroundColorDirective.calculateColorFromInitials(this.placeholderAltText());\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.modalRef?.detach();\n  }\n\n  /**\n   * Opens a modal dialog with the cropping component.\n   */\n  protected showCroppingDialog(): void {\n    if (this.modalRef) {\n      return;\n    }\n    if (this.disabledCropping()) {\n      this.sourcePhoto.set(this.imageCropperPhoto());\n      const sourcePhoto = this.sourcePhoto();\n      this.updateCroppedPhoto(sourcePhoto ?? '');\n      return;\n    }\n    this.modalRef = this.modalService.show(\n      this.editPhotoTemplate(),\n      {\n        ignoreBackdropClick: false,\n        keyboard: true,\n        class: 'modal-dialog-centered',\n        ariaLabelledBy: this.titleId\n      },\n      'cancel'\n    );\n    this.resetErrorMessage();\n    this.modalRef.hidden.subscribe(() => {\n      this.resetErrorMessage();\n      this.resetFileInputValue();\n      this.modalRef = undefined;\n    });\n  }\n\n  protected fileUpload(event: Event): void {\n    // Initially reset a possible error message\n    this.resetErrorMessage();\n    const files = (event.target as HTMLInputElement).files;\n    const file = files && files.length > 0 ? files[0] : undefined;\n    if (!file) {\n      return;\n    }\n    const fileType = file.type;\n    const allowedFileTypes = this.acceptedUploadFormats()\n      .split(',')\n      .map(type => type.trim().replace('.', 'image/'));\n    const fileTypeWrong = !allowedFileTypes.includes(fileType);\n    if (fileTypeWrong) {\n      this.uploadErrorMessage.set(this.uploadErrorWrongType());\n      return;\n    }\n    const sizeInKb = file.size / 1024;\n    this.currentFileSizeKilobytes.set(Math.round(sizeInKb * 10) / 10);\n    this.currentFileSizeMegabytes.set(Math.round((sizeInKb / 1024) * 1000) / 1000);\n    const fileSizeTooBig = sizeInKb > this.maxFileSize();\n    if (fileSizeTooBig) {\n      this.uploadErrorMessage.set(this.uploadErrorTooBig());\n      return;\n    }\n    const reader = new FileReader();\n    reader.addEventListener('loadend', () => {\n      if (typeof reader.result === 'string') {\n        this.cropperPosition = undefined;\n        this.imageCropperPhoto.set(reader.result);\n\n        // Bring up the editing modal if not already present\n        this.showCroppingDialog();\n      }\n    });\n    reader.readAsDataURL(file);\n  }\n\n  private updateCroppedPhoto(croppedPhoto: string, position?: CropperPosition): void {\n    this.croppedPhoto.set(croppedPhoto);\n    this.setPhoto(this.croppedPhoto());\n    this.cropperPosition = position;\n  }\n\n  protected removePhoto(): void {\n    // We emit undefined to notify consumers that the cropped\n    // images is removed. This is a kind of special crop event.\n    this.croppedPhoto.set(undefined);\n    this.imageCropperPhoto.set(undefined);\n    this.setPhoto(undefined);\n    this.cropperPosition = undefined;\n    this.resetFileInputValue();\n    this.sourcePhoto.set(undefined);\n  }\n\n  /**\n   * Invoked when user cropped the photo and pressed apply button.\n   * Updates the current photo by the selected cropped photo and\n   * closes the modal dialog.\n   */\n  protected imageCropperApplied(): void {\n    if (this.imageCroppedEvent) {\n      this.sourcePhoto.set(this.imageCropperPhoto());\n      this.updateCroppedPhoto(\n        this.imageCroppedEvent.base64!.toString(),\n        this.imageCroppedEvent.cropperPosition\n      );\n    }\n    this.modalRef?.hide();\n  }\n\n  protected imageCropperCanceled(): void {\n    this.imageCropperPhoto.set(this.sourcePhoto());\n    this.modalRef?.hide('cancel');\n  }\n\n  /**\n   * Callback from the image cropper on every mouse drag invoking a cropping.\n   *\n   * @param event - Event containing the cropped image and the image cropped position.\n   *\n   */\n  protected cropperImageCropped(event: ImageCroppedEvent): void {\n    this.imageCroppedEvent = event;\n  }\n\n  /**\n   * Lifecycle hook from the image cropper component. Informs\n   * us when initialized and ready.\n   */\n  protected cropperReady(): void {\n    // When the user opens cropper dialog multiple times we need to\n    // apply existing cropper position.\n    const imageCropper = this.imageCropper();\n    if (this.cropperPosition && imageCropper) {\n      imageCropper.cropper = { ...this.cropperPosition };\n      imageCropper.crop();\n    }\n  }\n\n  private resetFileInputValue(): void {\n    if (this.fileInput()) {\n      // Remove fileInput value to allow for selecting the same\n      // file for being uploaded again.\n      this.fileInput().nativeElement.value = null;\n    }\n  }\n\n  private resetErrorMessage(): void {\n    this.uploadErrorMessage.set(undefined);\n  }\n\n  private setPhoto(photo?: string): void {\n    this.resetErrorMessage();\n    this.sanitizedPhotoUrl.set(\n      photo ? this.sanitizer.bypassSecurityTrustResourceUrl(photo) : undefined\n    );\n  }\n}\n","<div class=\"photo-upload d-flex flex-column p-6\">\n  <!-- File upload -->\n  <input\n    #fileInput\n    type=\"file\"\n    class=\"d-none\"\n    [accept]=\"acceptedUploadFormats()\"\n    (change)=\"fileUpload($event)\"\n  />\n\n  <!-- Image -->\n  @if (sanitizedPhotoUrl()) {\n    <img\n      class=\"photo-upload-photo\"\n      [class.round]=\"roundImage()\"\n      [src]=\"sanitizedPhotoUrl()\"\n      [alt]=\"photoAltText() | translate\"\n    />\n  } @else {\n    <span\n      class=\"photo-upload-placeholder d-flex align-items-center justify-content-center flex-none\"\n      [class.round]=\"roundImage()\"\n    >\n      {{ placeholderAltText() | translate }}\n    </span>\n  }\n  <!-- Buttons -->\n  @if (!readonly()) {\n    <div class=\"d-flex justify-content-center gap-6 mt-8\">\n      <button\n        type=\"button\"\n        class=\"btn btn-secondary\"\n        (click)=\"\n          (sourcePhoto() || sourcePhotoUrl()) && !disabledCropping()\n            ? showCroppingDialog()\n            : fileInput.click()\n        \"\n      >\n        {{ editButtonText() | translate }}\n      </button>\n      @if (sanitizedPhotoUrl()) {\n        <button type=\"button\" class=\"btn btn-danger\" (click)=\"removePhoto()\">\n          {{ removePhotoText() | translate }}\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Error message -->\n  @if (uploadErrorMessage() && !modalRef) {\n    <div class=\"mt-6\">\n      <ng-container [ngTemplateOutlet]=\"errorMessageTemplate\" />\n    </div>\n  }\n</div>\n\n<!-- Template: modal -->\n<ng-template #editPhotoTemplate>\n  <!-- Header -->\n  <div class=\"modal-header\">\n    <h4 class=\"modal-title\" [id]=\"titleId\">{{ modalHeader() | translate }}</h4>\n    <button\n      type=\"button\"\n      class=\"btn btn-circle btn-tertiary-ghost\"\n      [attr.aria-label]=\"cancelEditText() | translate\"\n      (click)=\"imageCropperCanceled()\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n  </div>\n  <!-- Content -->\n  <div class=\"modal-body\">\n    @if (modalDescription()) {\n      <div class=\"mb-4\">\n        <span class=\"text-secondary\">{{ modalDescription() | translate }}</span>\n      </div>\n    }\n    <ng-container [ngTemplateOutlet]=\"imageCropperTemplate\" />\n    @if (uploadErrorMessage()) {\n      <div class=\"d-flex mt-4\">\n        <ng-container [ngTemplateOutlet]=\"errorMessageTemplate\" />\n      </div>\n    }\n  </div>\n  <!-- Footer -->\n  <div class=\"modal-footer\">\n    <button type=\"button\" class=\"btn btn-secondary me-auto\" (click)=\"fileInput.click()\">\n      {{ changePhotoText() | translate }}\n    </button>\n    <div class=\"d-flex gap-6\">\n      <button type=\"button\" class=\"btn btn-secondary\" (click)=\"imageCropperCanceled()\">\n        {{ cancelEditText() | translate }}\n      </button>\n      <button type=\"button\" class=\"btn btn-primary\" (click)=\"imageCropperApplied()\">\n        {{ applyEditText() | translate }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<!-- Template: error message -->\n<ng-template #errorMessageTemplate>\n  <div class=\"d-flex align-items-center\">\n    <span class=\"icon-sm icon-stack d-inline-block my-n2 me-2\">\n      <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n      <si-icon class=\"status-danger-contrast\" [icon]=\"icons.elementStateExclamationMark\" />\n    </span>\n    <span class=\"text-danger\">{{\n      uploadErrorMessage()\n        | translate\n          : {\n              mb: currentFileSizeMegabytes(),\n              kb: currentFileSizeKilobytes(),\n              maxSizeMb: maxSizeMb()\n            }\n    }}</span>\n  </div>\n</ng-template>\n\n<!-- Template: image cropper -->\n<ng-template #imageCropperTemplate>\n  <si-image-cropper-style>\n    <image-cropper\n      #imageCropper\n      output=\"base64\"\n      [aspectRatio]=\"cropperAspectRatio()\"\n      [containWithinAspectRatio]=\"cropperContainWithinAspectRatio()\"\n      [cropperMinWidth]=\"cropperMinWidth()\"\n      [cropperMinHeight]=\"cropperMinHeight()\"\n      [cropperMaxWidth]=\"cropperMaxWidth()\"\n      [cropperMaxHeight]=\"cropperMaxHeight()\"\n      [cropperFrameAriaLabel]=\"cropperFrameAriaLabel() | translate\"\n      [format]=\"cropperImageFormat()\"\n      [imageBase64]=\"imageCropperPhoto()\"\n      [imageURL]=\"sourcePhotoUrl()\"\n      [maintainAspectRatio]=\"cropperMaintainAspectRatio()\"\n      [onlyScaleDown]=\"true\"\n      [roundCropper]=\"roundImage()\"\n      (cropperReady)=\"cropperReady()\"\n      (imageCropped)=\"cropperImageCropped($event)\"\n    />\n  </si-image-cropper-style>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-image-cropper-style.component';\nexport * from './si-photo-upload.component';\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-pills-input.mjs

@@ -253,7 +253,7 @@ class SiPillsInputComponent {
                 provide: SI_FORM_ITEM_CONTROL,
                 useExisting: SiPillsInputComponent
             }
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);padding-block:3px;block-size:auto!important;min-block-size:calc(var(--si-sys-typography-line-height-body)em + 2 * var(--si-sys-sizing-spacing-y-40))}:host:focus-within{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-20));margin-inline:var(--si-sys-sizing-spacing-x-20);border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"], dependencies: [{ kind: "component", type: SiInputPillComponent, selector: "si-input-pill", inputs: ["hideClose"], outputs: ["deletePill"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);padding-block:3px;block-size:auto!important;min-block-size:calc(var(--si-sys-typography-line-height-body)em + 2 * var(--si-sys-sizing-spacing-y-40))}:host:focus-within{outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-20));margin-inline:var(--si-sys-sizing-spacing-x-20);border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"], dependencies: [{ kind: "component", type: SiInputPillComponent, selector: "si-input-pill", inputs: ["hideClose"], outputs: ["deletePill"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiPillsInputComponent, decorators: [{
             type: Component,
@@ -285,7 +285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '(keydown.arrowRight)': 'arrowRight()',
                         '(keydown.backspace)': 'delete()',
                         '(keydown.delete)': 'delete()'
-                    }, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);padding-block:3px;block-size:auto!important;min-block-size:calc(var(--si-sys-typography-line-height-body)em + 2 * var(--si-sys-sizing-spacing-y-40))}:host:focus-within{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-20));margin-inline:var(--si-sys-sizing-spacing-x-20);border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"] }]
+                    }, template: "<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);padding-block:3px;block-size:auto!important;min-block-size:calc(var(--si-sys-typography-line-height-body)em + 2 * var(--si-sys-sizing-spacing-y-40))}:host:focus-within{outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}input{padding-inline:0;block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-20));margin-inline:var(--si-sys-sizing-spacing-x-20);border:0;flex:1;background:transparent;color:inherit;inline-size:100%}input:focus{min-inline-size:100px}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputElementAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputElementAriaLabel", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], labelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledby", required: false }] }], errormessageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "errormessageId", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-pills-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-pills-input.mjs","sources":["../../../../projects/element-ng/pills-input/si-input-pill.component.ts","../../../../projects/element-ng/pills-input/si-input-pill.component.html","../../../../projects/element-ng/pills-input/si-pills-input-value-handler.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.html","../../../../projects/element-ng/pills-input/si-pills-input-pattern-base.ts","../../../../projects/element-ng/pills-input/si-pills-input-csv.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input-email.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input.module.ts","../../../../projects/element-ng/pills-input/index.ts","../../../../projects/element-ng/pills-input/siemens-element-ng-pills-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-input-pill',\n  imports: [SiIconComponent],\n  templateUrl: './si-input-pill.component.html',\n  styles: '.btn { cursor: pointer; }',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'pill pe-0',\n    '[class.pe-4]': 'hideClose()'\n  }\n})\nexport class SiInputPillComponent {\n  /** Emits when the pill's close button is clicked. */\n  readonly deletePill = output<void>();\n\n  /**\n   * Whether to hide the close button.\n   *\n   * @defaultValue false\n   */\n  readonly hideClose = input(false);\n\n  protected readonly icons = addIcons({ elementCancel });\n}\n","<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span\n    class=\"ms-2 btn btn-circle btn-sm btn-tertiary-ghost\"\n    aria-hidden=\"true\"\n    (click)=\"deletePill.emit()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nexport interface SiPillsInputValueParseResult {\n  newValue: string;\n  newPills: string[];\n}\n\nexport type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';\n\n@Directive()\nexport abstract class SiPillsInputValueHandlerDirective {\n  /** @internal */\n  abstract handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiInputPillComponent } from './si-input-pill.component';\nimport {\n  SiPillsInputValueHandlerDirective,\n  SiPillsInputValueHandlerTrigger\n} from './si-pills-input-value-handler';\n\n@Component({\n  selector: 'si-pills-input',\n  imports: [SiInputPillComponent, SiTranslatePipe],\n  templateUrl: './si-pills-input.component.html',\n  styleUrl: './si-pills-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPillsInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPillsInputComponent\n    }\n  ],\n  host: {\n    class: 'form-control',\n    role: 'listbox',\n    'aria-orientation': 'horizontal',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[attr.aria-readonly]': 'readonly()',\n    // using attr so that tabindex is removed if not defined\n    '[attr.tabindex]': 'tabindex()',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.aria-describedby]': 'errormessageId()',\n    '(click)': 'click()',\n    '(keydown.arrowLeft)': 'arrowLeft()',\n    '(keydown.arrowRight)': 'arrowRight()',\n    '(keydown.backspace)': 'delete()',\n    '(keydown.delete)': 'delete()'\n  }\n})\nexport class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  /**\n   * The identifier of the pills-input. Will be generated if not provided.\n   *\n   * @defaultValue\n   * ```\n   * `__si-pills-input-${SiPillsInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);\n\n  /**\n   * The aria-label for the inner input where users enter new items.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n   * ```\n   */\n  readonly inputElementAriaLabel = input(\n    t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n  );\n\n  /**\n   * Whether the pills-input is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Whether the pills-input is readonly\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /** The placeholder to be shown if no value is currently present. */\n  readonly placeholder = input<TranslatableString>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the pills-input.\n   * Use this to reference the element containing the error message(s) for the pills-input.\n   * It will be picked by the {@link SiFormItemComponent} if the pills-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected inputValue = '';\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n\n  protected readonly pills = signal<string[]>([]);\n  protected readonly activePillIndex = signal<number | undefined>(undefined);\n  protected readonly inputId = computed(() => `${this.id()}-input`);\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly activeDescendant = computed(() => {\n    const activePillIndex = this.activePillIndex();\n    return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;\n  });\n\n  protected readonly tabindex = computed(() =>\n    this.disabled() ? undefined : this.readonly() ? 0 : -1\n  );\n  private readonly inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n  private readonly disabledNgControl = signal(false);\n  private siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {\n    optional: true\n  });\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.siPillsInputValueHandlerDirective ??= {\n      handle: (value, trigger) => {\n        if (trigger !== 'input') {\n          return {\n            newPills: [value],\n            newValue: ''\n          };\n        }\n        return undefined;\n      }\n    };\n  }\n\n  protected input(): void {\n    this.inputValue = this.inputElement()!.nativeElement.value;\n    this.rebuildValue(this.inputValue, 'input');\n  }\n\n  protected click(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  protected blur(): void {\n    this.rebuildValue(this.inputValue, 'blur');\n    this.activePillIndex.set(undefined);\n    this.onTouched();\n  }\n\n  protected keydownEnter(event: Event): void {\n    this.rebuildValue(this.inputValue, 'keydown.enter');\n    event.preventDefault();\n  }\n\n  protected keydownBackspace(event: Event): void {\n    const count = this.pills().length;\n    if (!this.inputValue && count) {\n      const lastChipValue = this.pills().at(-1)!;\n      this.remove(count - 1, false);\n      this.inputValue = lastChipValue;\n      event.preventDefault();\n    }\n  }\n\n  protected remove(index: number, focus = true): void {\n    this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));\n    this.onTouched();\n    this.onChange(this.pills());\n    if (focus) {\n      this.inputElement()!.nativeElement.focus();\n    }\n  }\n\n  private rebuildValue(value: string, trigger: SiPillsInputValueHandlerTrigger): void {\n    if (value) {\n      const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);\n      if (valueParseResult) {\n        this.pills.update(pills => [...pills, ...valueParseResult.newPills]);\n        // Doesn't update when setting to empty string.\n        // Not using setTimeout to avoid flickering.\n        this.cdRef.detectChanges();\n        this.inputValue = valueParseResult.newValue;\n        this.cdRef.detectChanges();\n\n        if (valueParseResult.newPills.length) {\n          this.onTouched();\n          this.onChange(this.pills());\n        }\n      }\n    }\n  }\n\n  protected arrowLeft(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(Math.max(0, activePillIndex - 1));\n    } else if (!this.inputValue.length && count) {\n      this.elementRef.nativeElement.focus();\n      this.activePillIndex.set(count - 1);\n    }\n  }\n\n  protected arrowRight(): void {\n    const activePillIndex = this.activePillIndex();\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(activePillIndex + 1);\n\n      if (this.activePillIndex()! >= this.pills().length) {\n        this.inputElement()?.nativeElement.focus();\n        this.activePillIndex.set(undefined);\n      }\n    }\n  }\n\n  protected delete(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined && !this.readonly()) {\n      const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;\n      this.remove(activePillIndex, targetIndex === undefined);\n      this.activePillIndex.set(targetIndex);\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value?: string[] | null): void {\n    this.pills.set(value?.slice() ?? []);\n  }\n}\n","<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { signal, Signal } from '@angular/core';\n\nimport {\n  SiPillsInputValueHandlerTrigger,\n  SiPillsInputValueParseResult\n} from './si-pills-input-value-handler';\n\nexport const SEPARATOR_REGEX = /\\s*[;,]\\s*/g;\n\nexport abstract class SiPillsInputPatternBase {\n  /**\n   * Regex to split the input value into segments.\n   *\n   * @defaultValue SEPARATOR_REGEX\n   */\n  readonly separatorRegex = signal(SEPARATOR_REGEX);\n  /** Regex to validate an input string item. */\n  readonly validationRegex?: Signal<RegExp | undefined>;\n\n  /** @internal */\n  handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined {\n    const segments = value.split(this.separatorRegex()).map(s => s.trim());\n    const itemRegex = this.validationRegex?.();\n    if (segments.length) {\n      const newValue = trigger === 'input' ? segments.pop()! : '';\n      if (\n        segments.every(segment => {\n          return segment && (!itemRegex || segment.match(itemRegex));\n        })\n      ) {\n        return {\n          newPills: segments,\n          newValue\n        };\n      }\n    }\n\n    return {\n      newPills: [],\n      newValue: value\n    };\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, input } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n@Directive({\n  selector: '[siPillsInputCsv]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputCsvDirective\n    }\n  ]\n})\nexport class SiPillsInputCsvDirective extends SiPillsInputPatternBase {\n  /** @defaultValue undefined */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  override readonly validationRegex = input<RegExp>(undefined, { alias: 'pillsInputCsvItemRegex' });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, signal } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n// From Angular Email Validator\nconst EMAIL_REGEX =\n  /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\n\n@Directive({\n  selector: '[siPillsInputEmail]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputEmailDirective\n    }\n  ]\n})\nexport class SiPillsInputEmailDirective extends SiPillsInputPatternBase {\n  /**\n   * @defaultValue signal(EMAIL_REGEX).asReadonly()\n   */\n  override readonly validationRegex = signal(EMAIL_REGEX).asReadonly();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPillsInputCsvDirective } from './si-pills-input-csv.directive';\nimport { SiPillsInputEmailDirective } from './si-pills-input-email.directive';\nimport { SiPillsInputComponent } from './si-pills-input.component';\n\n@NgModule({\n  imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],\n  exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]\n})\nexport class SiPillsInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-pills-input.component';\nexport * from './si-pills-input.module';\nexport * from './si-pills-input-csv.directive';\nexport * from './si-pills-input-email.directive';\nexport * from './si-pills-input-value-handler';\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-pills-input.mjs","sources":["../../../../projects/element-ng/pills-input/si-input-pill.component.ts","../../../../projects/element-ng/pills-input/si-input-pill.component.html","../../../../projects/element-ng/pills-input/si-pills-input-value-handler.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.ts","../../../../projects/element-ng/pills-input/si-pills-input.component.html","../../../../projects/element-ng/pills-input/si-pills-input-pattern-base.ts","../../../../projects/element-ng/pills-input/si-pills-input-csv.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input-email.directive.ts","../../../../projects/element-ng/pills-input/si-pills-input.module.ts","../../../../projects/element-ng/pills-input/index.ts","../../../../projects/element-ng/pills-input/siemens-element-ng-pills-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { elementCancel } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-input-pill',\n  imports: [SiIconComponent],\n  templateUrl: './si-input-pill.component.html',\n  styles: '.btn { cursor: pointer; }',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    class: 'pill pe-0',\n    '[class.pe-4]': 'hideClose()'\n  }\n})\nexport class SiInputPillComponent {\n  /** Emits when the pill's close button is clicked. */\n  readonly deletePill = output<void>();\n\n  /**\n   * Whether to hide the close button.\n   *\n   * @defaultValue false\n   */\n  readonly hideClose = input(false);\n\n  protected readonly icons = addIcons({ elementCancel });\n}\n","<div class=\"text-truncate\">\n  <ng-content />\n</div>\n@if (!hideClose()) {\n  <span\n    class=\"ms-2 btn btn-circle btn-sm btn-tertiary-ghost\"\n    aria-hidden=\"true\"\n    (click)=\"deletePill.emit()\"\n  >\n    <si-icon [icon]=\"icons.elementCancel\" />\n  </span>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\nexport interface SiPillsInputValueParseResult {\n  newValue: string;\n  newPills: string[];\n}\n\nexport type SiPillsInputValueHandlerTrigger = 'input' | 'keydown.enter' | 'blur';\n\n@Directive()\nexport abstract class SiPillsInputValueHandlerDirective {\n  /** @internal */\n  abstract handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiInputPillComponent } from './si-input-pill.component';\nimport {\n  SiPillsInputValueHandlerDirective,\n  SiPillsInputValueHandlerTrigger\n} from './si-pills-input-value-handler';\n\n@Component({\n  selector: 'si-pills-input',\n  imports: [SiInputPillComponent, SiTranslatePipe],\n  templateUrl: './si-pills-input.component.html',\n  styleUrl: './si-pills-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPillsInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPillsInputComponent\n    }\n  ],\n  host: {\n    class: 'form-control',\n    role: 'listbox',\n    'aria-orientation': 'horizontal',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[attr.aria-readonly]': 'readonly()',\n    // using attr so that tabindex is removed if not defined\n    '[attr.tabindex]': 'tabindex()',\n    '[attr.aria-activedescendant]': 'activeDescendant()',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.aria-describedby]': 'errormessageId()',\n    '(click)': 'click()',\n    '(keydown.arrowLeft)': 'arrowLeft()',\n    '(keydown.arrowRight)': 'arrowRight()',\n    '(keydown.backspace)': 'delete()',\n    '(keydown.delete)': 'delete()'\n  }\n})\nexport class SiPillsInputComponent implements OnInit, ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  /**\n   * The identifier of the pills-input. Will be generated if not provided.\n   *\n   * @defaultValue\n   * ```\n   * `__si-pills-input-${SiPillsInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-pills-input-${SiPillsInputComponent.idCounter++}`);\n\n  /**\n   * The aria-label for the inner input where users enter new items.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n   * ```\n   */\n  readonly inputElementAriaLabel = input(\n    t(() => $localize`:@@SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL:Create item`)\n  );\n\n  /**\n   * Whether the pills-input is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /**\n   * Whether the pills-input is readonly\n   *\n   * @defaultValue false\n   */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /** The placeholder to be shown if no value is currently present. */\n  readonly placeholder = input<TranslatableString>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the pills-input.\n   * Use this to reference the element containing the error message(s) for the pills-input.\n   * It will be picked by the {@link SiFormItemComponent} if the pills-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected inputValue = '';\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n\n  protected readonly pills = signal<string[]>([]);\n  protected readonly activePillIndex = signal<number | undefined>(undefined);\n  protected readonly inputId = computed(() => `${this.id()}-input`);\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly activeDescendant = computed(() => {\n    const activePillIndex = this.activePillIndex();\n    return activePillIndex !== undefined ? `${this.id()}-pill-${activePillIndex}` : null;\n  });\n\n  protected readonly tabindex = computed(() =>\n    this.disabled() ? undefined : this.readonly() ? 0 : -1\n  );\n  private readonly inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n  private readonly disabledNgControl = signal(false);\n  private siPillsInputValueHandlerDirective = inject(SiPillsInputValueHandlerDirective, {\n    optional: true\n  });\n  private readonly cdRef = inject(ChangeDetectorRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.siPillsInputValueHandlerDirective ??= {\n      handle: (value, trigger) => {\n        if (trigger !== 'input') {\n          return {\n            newPills: [value],\n            newValue: ''\n          };\n        }\n        return undefined;\n      }\n    };\n  }\n\n  protected input(): void {\n    this.inputValue = this.inputElement()!.nativeElement.value;\n    this.rebuildValue(this.inputValue, 'input');\n  }\n\n  protected click(): void {\n    this.inputElement()?.nativeElement.focus();\n  }\n\n  protected blur(): void {\n    this.rebuildValue(this.inputValue, 'blur');\n    this.activePillIndex.set(undefined);\n    this.onTouched();\n  }\n\n  protected keydownEnter(event: Event): void {\n    this.rebuildValue(this.inputValue, 'keydown.enter');\n    event.preventDefault();\n  }\n\n  protected keydownBackspace(event: Event): void {\n    const count = this.pills().length;\n    if (!this.inputValue && count) {\n      const lastChipValue = this.pills().at(-1)!;\n      this.remove(count - 1, false);\n      this.inputValue = lastChipValue;\n      event.preventDefault();\n    }\n  }\n\n  protected remove(index: number, focus = true): void {\n    this.pills.update(pills => pills.filter((_, pillIndex) => index !== pillIndex));\n    this.onTouched();\n    this.onChange(this.pills());\n    if (focus) {\n      this.inputElement()!.nativeElement.focus();\n    }\n  }\n\n  private rebuildValue(value: string, trigger: SiPillsInputValueHandlerTrigger): void {\n    if (value) {\n      const valueParseResult = this.siPillsInputValueHandlerDirective?.handle(value, trigger);\n      if (valueParseResult) {\n        this.pills.update(pills => [...pills, ...valueParseResult.newPills]);\n        // Doesn't update when setting to empty string.\n        // Not using setTimeout to avoid flickering.\n        this.cdRef.detectChanges();\n        this.inputValue = valueParseResult.newValue;\n        this.cdRef.detectChanges();\n\n        if (valueParseResult.newPills.length) {\n          this.onTouched();\n          this.onChange(this.pills());\n        }\n      }\n    }\n  }\n\n  protected arrowLeft(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(Math.max(0, activePillIndex - 1));\n    } else if (!this.inputValue.length && count) {\n      this.elementRef.nativeElement.focus();\n      this.activePillIndex.set(count - 1);\n    }\n  }\n\n  protected arrowRight(): void {\n    const activePillIndex = this.activePillIndex();\n    if (activePillIndex !== undefined) {\n      this.activePillIndex.set(activePillIndex + 1);\n\n      if (this.activePillIndex()! >= this.pills().length) {\n        this.inputElement()?.nativeElement.focus();\n        this.activePillIndex.set(undefined);\n      }\n    }\n  }\n\n  protected delete(): void {\n    const activePillIndex = this.activePillIndex();\n    const count = this.pills().length;\n    if (activePillIndex !== undefined && !this.readonly()) {\n      const targetIndex = count > 1 ? Math.min(activePillIndex, count - 2) : undefined;\n      this.remove(activePillIndex, targetIndex === undefined);\n      this.activePillIndex.set(targetIndex);\n    }\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value?: string[] | null): void {\n    this.pills.set(value?.slice() ?? []);\n  }\n}\n","<!-- aria-required-children is disabled here -->\n@for (chip of pills(); track $index) {\n  <si-input-pill\n    role=\"option\"\n    [id]=\"id() + '-pill-' + $index\"\n    [class.active]=\"$index === activePillIndex()\"\n    [hideClose]=\"disabled() || readonly()\"\n    (deletePill)=\"remove($index)\"\n  >\n    {{ chip }}\n  </si-input-pill>\n}\n@if (!readonly() && !disabled()) {\n  <div role=\"presentation\" class=\"flex-fill\">\n    <input\n      #inputElement\n      class=\"focus-none\"\n      [id]=\"inputId()\"\n      [attr.aria-label]=\"inputElementAriaLabel() | translate\"\n      [placeholder]=\"(!pills().length ? (placeholder() ?? '') : '') | translate\"\n      [value]=\"inputValue\"\n      (keydown.enter)=\"keydownEnter($event)\"\n      (keydown.backspace)=\"keydownBackspace($event)\"\n      (input)=\"input()\"\n      (blur)=\"blur()\"\n    />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { signal, Signal } from '@angular/core';\n\nimport {\n  SiPillsInputValueHandlerTrigger,\n  SiPillsInputValueParseResult\n} from './si-pills-input-value-handler';\n\nexport const SEPARATOR_REGEX = /\\s*[;,]\\s*/g;\n\nexport abstract class SiPillsInputPatternBase {\n  /**\n   * Regex to split the input value into segments.\n   *\n   * @defaultValue SEPARATOR_REGEX\n   */\n  readonly separatorRegex = signal(SEPARATOR_REGEX);\n  /** Regex to validate an input string item. */\n  readonly validationRegex?: Signal<RegExp | undefined>;\n\n  /** @internal */\n  handle(\n    value: string,\n    trigger: SiPillsInputValueHandlerTrigger\n  ): SiPillsInputValueParseResult | undefined {\n    const segments = value.split(this.separatorRegex()).map(s => s.trim());\n    const itemRegex = this.validationRegex?.();\n    if (segments.length) {\n      const newValue = trigger === 'input' ? segments.pop()! : '';\n      if (\n        segments.every(segment => {\n          return segment && (!itemRegex || segment.match(itemRegex));\n        })\n      ) {\n        return {\n          newPills: segments,\n          newValue\n        };\n      }\n    }\n\n    return {\n      newPills: [],\n      newValue: value\n    };\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, input } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n@Directive({\n  selector: '[siPillsInputCsv]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputCsvDirective\n    }\n  ]\n})\nexport class SiPillsInputCsvDirective extends SiPillsInputPatternBase {\n  /** @defaultValue undefined */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  override readonly validationRegex = input<RegExp>(undefined, { alias: 'pillsInputCsvItemRegex' });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, signal } from '@angular/core';\n\nimport { SiPillsInputPatternBase } from './si-pills-input-pattern-base';\nimport { SiPillsInputValueHandlerDirective } from './si-pills-input-value-handler';\n\n// From Angular Email Validator\nconst EMAIL_REGEX =\n  /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/g;\n\n@Directive({\n  selector: '[siPillsInputEmail]',\n  providers: [\n    {\n      provide: SiPillsInputValueHandlerDirective,\n      useExisting: SiPillsInputEmailDirective\n    }\n  ]\n})\nexport class SiPillsInputEmailDirective extends SiPillsInputPatternBase {\n  /**\n   * @defaultValue signal(EMAIL_REGEX).asReadonly()\n   */\n  override readonly validationRegex = signal(EMAIL_REGEX).asReadonly();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPillsInputCsvDirective } from './si-pills-input-csv.directive';\nimport { SiPillsInputEmailDirective } from './si-pills-input-email.directive';\nimport { SiPillsInputComponent } from './si-pills-input.component';\n\n@NgModule({\n  imports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective],\n  exports: [SiPillsInputComponent, SiPillsInputCsvDirective, SiPillsInputEmailDirective]\n})\nexport class SiPillsInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-pills-input.component';\nexport * from './si-pills-input.module';\nexport * from './si-pills-input-csv.directive';\nexport * from './si-pills-input-email.directive';\nexport * from './si-pills-input-value-handler';\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-resize-observer.mjs

@@ -33,12 +33,12 @@ class ResizeObserverService {
      * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.
      */
     observe(element, throttle, emitInitial, emitImmediate) {
-        let entry = this.listeners.get(element);
-        if (!entry) {
-            entry = { element, subscribers: [] };
-            this.listeners.set(element, entry);
-        }
         return new Observable(subscriber => {
+            let entry = this.listeners.get(element);
+            if (!entry) {
+                entry = { element, subscribers: [] };
+                this.listeners.set(element, entry);
+            }
             const sub = {
                 sub: subscriber,
                 dim: undefined,

package/fesm2022/siemens-element-ng-resize-observer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-resize-observer.mjs","sources":["../../../../projects/element-ng/resize-observer/resize-observer.service.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.directive.ts","../../../../projects/element-ng/resize-observer/si-responsive-container.directive.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.module.ts","../../../../projects/element-ng/resize-observer/index.ts","../../../../projects/element-ng/resize-observer/siemens-element-ng-resize-observer.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, NgZone, PLATFORM_ID } from '@angular/core';\nimport { Observable, Subscriber } from 'rxjs';\n\nexport interface ElementDimensions {\n  width: number;\n  height: number;\n}\n\ninterface ResizeSubscriber {\n  sub: Subscriber<ElementDimensions>;\n  dim?: ElementDimensions;\n  throttle: number;\n  blocked: boolean;\n  emitImmediate?: boolean;\n}\n\ninterface Listener {\n  element: Element;\n  subscribers: ResizeSubscriber[];\n}\n\ninterface QueueEntry {\n  element: Element;\n  subscriber: ResizeSubscriber;\n  unblock: boolean;\n  force: boolean;\n}\n\n/**\n * A service wrapping `ResizeObserver`. This is a service for those reasons:\n * - only one `ResizeObserver` should be used for performance reason.\n * - For Angular change detection to work, explicit `ngZone` calls are necessary\n * - Observable stream\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class ResizeObserverService {\n  private listeners = new Map<Element, Listener>();\n  private resizeObserver?: ResizeObserver;\n  private timerQueue = new Map<number, QueueEntry[]>();\n  private zone = inject(NgZone);\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    if (!isBrowser || !ResizeObserver) {\n      return;\n    }\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) =>\n      entries.forEach(entry => this.handleElement(entry.target))\n    );\n  }\n\n  /**\n   * Observe the size of an element. Returns an observable with the changes.\n   * @param element - The element to observe\n   * @param throttle - Throttle time in ms. Will emit this time after the resize\n   * @param emitInitial - Emit the initial size after subscribe?\n   * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.\n   */\n  observe(\n    element: Element,\n    throttle: number,\n    emitInitial?: boolean,\n    emitImmediate?: boolean\n  ): Observable<ElementDimensions> {\n    let entry = this.listeners.get(element);\n    if (!entry) {\n      entry = { element, subscribers: [] };\n      this.listeners.set(element, entry);\n    }\n\n    return new Observable<ElementDimensions>(subscriber => {\n      const sub: ResizeSubscriber = {\n        sub: subscriber,\n        dim: undefined,\n        throttle,\n        blocked: false,\n        emitImmediate\n      };\n      this.subscriberAdded(entry!, sub, emitInitial);\n      return () => this.subscriberRemoved(entry!, sub);\n    });\n  }\n\n  private subscriberAdded(\n    entry: Listener,\n    subscriber: ResizeSubscriber,\n    emitInitial?: boolean\n  ): void {\n    entry.subscribers.push(subscriber);\n    if (entry.subscribers.length === 1) {\n      this.resizeObserver?.observe(entry.element);\n    }\n\n    if (emitInitial) {\n      this.schedule(0, entry.element, subscriber, false, true);\n    }\n  }\n\n  private subscriberRemoved(entry: Listener, subscriber: ResizeSubscriber): void {\n    const index = entry.subscribers.indexOf(subscriber);\n    if (index >= 0) {\n      entry.subscribers.splice(index, 1);\n    }\n    if (entry.subscribers.length === 0) {\n      // no more subscribers, tear down everything\n      this.resizeObserver?.unobserve(entry.element);\n      this.listeners.delete(entry.element);\n    }\n    this.unschedule(subscriber);\n    // close down, no re-subscription possible\n    subscriber.sub.complete();\n  }\n\n  private handleElement(element: Element): void {\n    const entry = this.listeners.get(element);\n    if (!entry) {\n      this.resizeObserver?.unobserve(element);\n      return;\n    }\n    entry.subscribers.forEach(sub => this.handleResizeSubscriber(element, sub));\n  }\n\n  private handleResizeSubscriber(element: Element, entry: ResizeSubscriber): void {\n    if (entry.blocked) {\n      return;\n    }\n    if (entry.emitImmediate) {\n      this.schedule(0, element, entry, false);\n    }\n    this.schedule(entry.throttle, element, entry, true);\n  }\n\n  private emitSize(element: Element, entry: ResizeSubscriber, force = false): void {\n    const dimensions = { width: element.clientWidth, height: element.clientHeight };\n    if (\n      !force &&\n      entry.dim?.width === dimensions.width &&\n      entry.dim?.height === dimensions.height\n    ) {\n      // Prevent spurious emissions. Subpixels and all..\n      return;\n    }\n    entry.dim = dimensions;\n    entry.sub.next(dimensions);\n  }\n\n  private schedule(\n    timeout: number,\n    element: Element,\n    subscriber: ResizeSubscriber,\n    unblock: boolean,\n    force = false\n  ): void {\n    if (unblock) {\n      subscriber.blocked = true;\n    }\n\n    let queue = this.timerQueue.get(timeout);\n    if (!queue) {\n      queue = [];\n      this.timerQueue.set(timeout, queue);\n      setTimeout(() => {\n        this.timerQueue.delete(timeout);\n        this.processQueue(queue!);\n      }, timeout);\n    }\n\n    queue.push({ element, subscriber, unblock, force });\n  }\n\n  private unschedule(entry: ResizeSubscriber): void {\n    const queued = this.timerQueue.get(entry.throttle);\n    if (queued) {\n      const index = queued.findIndex(q => q.subscriber === entry);\n      if (index > -1) {\n        queued.splice(index, 1);\n      }\n    }\n  }\n\n  private processQueue(queue: QueueEntry[]): void {\n    this.zone.run(() => {\n      queue?.forEach(q => {\n        if (q.unblock) {\n          q.subscriber.blocked = false;\n        }\n        this.emitSize(q.element, q.subscriber, q.force);\n      });\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ElementDimensions, ResizeObserverService } from './resize-observer.service';\n\n/**\n * Directive to emit events on element size change. Use like this:\n *   `<div (siResizeObserver)=\"handleResize($event)\">`\n * When the size of the element changes, an event in the format\n *   `{ width: number, height: number }`\n * will be emitted. Also an initial event will be emitted on init.\n *\n * By default, events are throttled and to an event every 100ms. To change\n * this, add `[resizeThrottle]=\"200\"` on the same element. Input in milliseconds.\n */\n@Directive({\n  selector: '[siResizeObserver]'\n})\nexport class SiResizeObserverDirective implements OnInit, OnDestroy {\n  /**\n   * Minimum time in milliseconds between resize events.\n   *\n   * @defaultValue 100\n   */\n  readonly resizeThrottle = input(100);\n  /**\n   * Whether to emit the element's dimensions when the directive initializes.\n   *\n   * @defaultValue true\n   */\n  readonly emitInitial = input(true, { transform: booleanAttribute });\n  /** Emits the observed element's current width and height. */\n  readonly siResizeObserver = output<ElementDimensions>();\n\n  private subs?: Subscription;\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), this.emitInitial())\n      .subscribe(value => this.siResizeObserver.emit(value));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ResizeObserverService } from './resize-observer.service';\n\nexport interface Breakpoints {\n  smMinimum: number;\n  mdMinimum: number;\n  lgMinimum: number;\n  xlMinimum: number;\n  xxlMinimum: number;\n}\n\n// keep in sync with the Bootstrap variables\nexport const BOOTSTRAP_BREAKPOINTS: Breakpoints = {\n  smMinimum: 576,\n  mdMinimum: 768,\n  lgMinimum: 992,\n  xlMinimum: 1200,\n  xxlMinimum: 1400\n};\n\n/**\n * Directive to automatically set `si-container-*` classes so Bootstrap column classes work\n * in the context of the container instead of viewport size.\n */\n@Directive({\n  selector: '[siResponsiveContainer]',\n  host: {\n    '[class.si-container-xs]': 'xs()',\n    '[class.si-container-sm]': 'sm()',\n    '[class.si-container-md]': 'md()',\n    '[class.si-container-lg]': 'lg()',\n    '[class.si-container-xl]': 'xl()',\n    '[class.si-container-xxl]': 'xxl()'\n  },\n  exportAs: 'siResponsiveContainer'\n})\nexport class SiResponsiveContainerDirective implements OnInit, OnDestroy {\n  /** @defaultValue false */\n  readonly xs = signal(false);\n  /** @defaultValue false */\n  readonly sm = signal(false);\n  /** @defaultValue false */\n  readonly md = signal(false);\n  /** @defaultValue false */\n  readonly lg = signal(false);\n  /** @defaultValue false */\n  readonly xl = signal(false);\n  /** @defaultValue false */\n  readonly xxl = signal(false);\n\n  /**\n   * Minimum time in milliseconds between resize observations.\n   *\n   * @defaultValue 100\n   */\n  readonly resizeThrottle = input(100);\n  /**\n   * Width thresholds used to assign responsive container classes.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS\n   */\n  readonly breakpoints = input<Breakpoints>();\n\n  private subs?: Subscription;\n\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), true)\n      .subscribe(event => this.setResponsiveSize(event.width, event.height));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n\n  private setResponsiveSize(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.xs.set(width < breakpoints.smMinimum);\n    this.sm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.md.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.lg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.xl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.xxl.set(width >= breakpoints.xxlMinimum);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResizeObserverDirective } from './si-resize-observer.directive';\nimport { SiResponsiveContainerDirective } from './si-responsive-container.directive';\n\n@NgModule({\n  imports: [SiResizeObserverDirective, SiResponsiveContainerDirective],\n  exports: [SiResizeObserverDirective, SiResponsiveContainerDirective]\n})\nexport class SiResizeObserverModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './resize-observer.service';\nexport * from './si-resize-observer.directive';\nexport * from './si-resize-observer.module';\nexport * from './si-responsive-container.directive';\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-resize-observer.mjs","sources":["../../../../projects/element-ng/resize-observer/resize-observer.service.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.directive.ts","../../../../projects/element-ng/resize-observer/si-responsive-container.directive.ts","../../../../projects/element-ng/resize-observer/si-resize-observer.module.ts","../../../../projects/element-ng/resize-observer/index.ts","../../../../projects/element-ng/resize-observer/siemens-element-ng-resize-observer.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { isPlatformBrowser } from '@angular/common';\nimport { inject, Injectable, NgZone, PLATFORM_ID } from '@angular/core';\nimport { Observable, Subscriber } from 'rxjs';\n\nexport interface ElementDimensions {\n  width: number;\n  height: number;\n}\n\ninterface ResizeSubscriber {\n  sub: Subscriber<ElementDimensions>;\n  dim?: ElementDimensions;\n  throttle: number;\n  blocked: boolean;\n  emitImmediate?: boolean;\n}\n\ninterface Listener {\n  element: Element;\n  subscribers: ResizeSubscriber[];\n}\n\ninterface QueueEntry {\n  element: Element;\n  subscriber: ResizeSubscriber;\n  unblock: boolean;\n  force: boolean;\n}\n\n/**\n * A service wrapping `ResizeObserver`. This is a service for those reasons:\n * - only one `ResizeObserver` should be used for performance reason.\n * - For Angular change detection to work, explicit `ngZone` calls are necessary\n * - Observable stream\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class ResizeObserverService {\n  private listeners = new Map<Element, Listener>();\n  private resizeObserver?: ResizeObserver;\n  private timerQueue = new Map<number, QueueEntry[]>();\n  private zone = inject(NgZone);\n\n  constructor() {\n    const isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n    if (!isBrowser || !ResizeObserver) {\n      return;\n    }\n    this.resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) =>\n      entries.forEach(entry => this.handleElement(entry.target))\n    );\n  }\n\n  /**\n   * Observe the size of an element. Returns an observable with the changes.\n   * @param element - The element to observe\n   * @param throttle - Throttle time in ms. Will emit this time after the resize\n   * @param emitInitial - Emit the initial size after subscribe?\n   * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.\n   */\n  observe(\n    element: Element,\n    throttle: number,\n    emitInitial?: boolean,\n    emitImmediate?: boolean\n  ): Observable<ElementDimensions> {\n    return new Observable<ElementDimensions>(subscriber => {\n      let entry = this.listeners.get(element);\n      if (!entry) {\n        entry = { element, subscribers: [] };\n        this.listeners.set(element, entry);\n      }\n      const sub: ResizeSubscriber = {\n        sub: subscriber,\n        dim: undefined,\n        throttle,\n        blocked: false,\n        emitImmediate\n      };\n      this.subscriberAdded(entry, sub, emitInitial);\n      return () => this.subscriberRemoved(entry, sub);\n    });\n  }\n\n  private subscriberAdded(\n    entry: Listener,\n    subscriber: ResizeSubscriber,\n    emitInitial?: boolean\n  ): void {\n    entry.subscribers.push(subscriber);\n    if (entry.subscribers.length === 1) {\n      this.resizeObserver?.observe(entry.element);\n    }\n\n    if (emitInitial) {\n      this.schedule(0, entry.element, subscriber, false, true);\n    }\n  }\n\n  private subscriberRemoved(entry: Listener, subscriber: ResizeSubscriber): void {\n    const index = entry.subscribers.indexOf(subscriber);\n    if (index >= 0) {\n      entry.subscribers.splice(index, 1);\n    }\n    if (entry.subscribers.length === 0) {\n      // no more subscribers, tear down everything\n      this.resizeObserver?.unobserve(entry.element);\n      this.listeners.delete(entry.element);\n    }\n    this.unschedule(subscriber);\n    // close down, no re-subscription possible\n    subscriber.sub.complete();\n  }\n\n  private handleElement(element: Element): void {\n    const entry = this.listeners.get(element);\n    if (!entry) {\n      this.resizeObserver?.unobserve(element);\n      return;\n    }\n    entry.subscribers.forEach(sub => this.handleResizeSubscriber(element, sub));\n  }\n\n  private handleResizeSubscriber(element: Element, entry: ResizeSubscriber): void {\n    if (entry.blocked) {\n      return;\n    }\n    if (entry.emitImmediate) {\n      this.schedule(0, element, entry, false);\n    }\n    this.schedule(entry.throttle, element, entry, true);\n  }\n\n  private emitSize(element: Element, entry: ResizeSubscriber, force = false): void {\n    const dimensions = { width: element.clientWidth, height: element.clientHeight };\n    if (\n      !force &&\n      entry.dim?.width === dimensions.width &&\n      entry.dim?.height === dimensions.height\n    ) {\n      // Prevent spurious emissions. Subpixels and all..\n      return;\n    }\n    entry.dim = dimensions;\n    entry.sub.next(dimensions);\n  }\n\n  private schedule(\n    timeout: number,\n    element: Element,\n    subscriber: ResizeSubscriber,\n    unblock: boolean,\n    force = false\n  ): void {\n    if (unblock) {\n      subscriber.blocked = true;\n    }\n\n    let queue = this.timerQueue.get(timeout);\n    if (!queue) {\n      queue = [];\n      this.timerQueue.set(timeout, queue);\n      setTimeout(() => {\n        this.timerQueue.delete(timeout);\n        this.processQueue(queue!);\n      }, timeout);\n    }\n\n    queue.push({ element, subscriber, unblock, force });\n  }\n\n  private unschedule(entry: ResizeSubscriber): void {\n    const queued = this.timerQueue.get(entry.throttle);\n    if (queued) {\n      const index = queued.findIndex(q => q.subscriber === entry);\n      if (index > -1) {\n        queued.splice(index, 1);\n      }\n    }\n  }\n\n  private processQueue(queue: QueueEntry[]): void {\n    this.zone.run(() => {\n      queue?.forEach(q => {\n        if (q.unblock) {\n          q.subscriber.blocked = false;\n        }\n        this.emitSize(q.element, q.subscriber, q.force);\n      });\n    });\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ElementDimensions, ResizeObserverService } from './resize-observer.service';\n\n/**\n * Directive to emit events on element size change. Use like this:\n *   `<div (siResizeObserver)=\"handleResize($event)\">`\n * When the size of the element changes, an event in the format\n *   `{ width: number, height: number }`\n * will be emitted. Also an initial event will be emitted on init.\n *\n * By default, events are throttled and to an event every 100ms. To change\n * this, add `[resizeThrottle]=\"200\"` on the same element. Input in milliseconds.\n */\n@Directive({\n  selector: '[siResizeObserver]'\n})\nexport class SiResizeObserverDirective implements OnInit, OnDestroy {\n  /**\n   * Minimum time in milliseconds between resize events.\n   *\n   * @defaultValue 100\n   */\n  readonly resizeThrottle = input(100);\n  /**\n   * Whether to emit the element's dimensions when the directive initializes.\n   *\n   * @defaultValue true\n   */\n  readonly emitInitial = input(true, { transform: booleanAttribute });\n  /** Emits the observed element's current width and height. */\n  readonly siResizeObserver = output<ElementDimensions>();\n\n  private subs?: Subscription;\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), this.emitInitial())\n      .subscribe(value => this.siResizeObserver.emit(value));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit, signal } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { ResizeObserverService } from './resize-observer.service';\n\nexport interface Breakpoints {\n  smMinimum: number;\n  mdMinimum: number;\n  lgMinimum: number;\n  xlMinimum: number;\n  xxlMinimum: number;\n}\n\n// keep in sync with the Bootstrap variables\nexport const BOOTSTRAP_BREAKPOINTS: Breakpoints = {\n  smMinimum: 576,\n  mdMinimum: 768,\n  lgMinimum: 992,\n  xlMinimum: 1200,\n  xxlMinimum: 1400\n};\n\n/**\n * Directive to automatically set `si-container-*` classes so Bootstrap column classes work\n * in the context of the container instead of viewport size.\n */\n@Directive({\n  selector: '[siResponsiveContainer]',\n  host: {\n    '[class.si-container-xs]': 'xs()',\n    '[class.si-container-sm]': 'sm()',\n    '[class.si-container-md]': 'md()',\n    '[class.si-container-lg]': 'lg()',\n    '[class.si-container-xl]': 'xl()',\n    '[class.si-container-xxl]': 'xxl()'\n  },\n  exportAs: 'siResponsiveContainer'\n})\nexport class SiResponsiveContainerDirective implements OnInit, OnDestroy {\n  /** @defaultValue false */\n  readonly xs = signal(false);\n  /** @defaultValue false */\n  readonly sm = signal(false);\n  /** @defaultValue false */\n  readonly md = signal(false);\n  /** @defaultValue false */\n  readonly lg = signal(false);\n  /** @defaultValue false */\n  readonly xl = signal(false);\n  /** @defaultValue false */\n  readonly xxl = signal(false);\n\n  /**\n   * Minimum time in milliseconds between resize observations.\n   *\n   * @defaultValue 100\n   */\n  readonly resizeThrottle = input(100);\n  /**\n   * Width thresholds used to assign responsive container classes.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS\n   */\n  readonly breakpoints = input<Breakpoints>();\n\n  private subs?: Subscription;\n\n  private element = inject(ElementRef);\n  private service = inject(ResizeObserverService);\n\n  ngOnInit(): void {\n    this.subs = this.service\n      .observe(this.element.nativeElement, this.resizeThrottle(), true)\n      .subscribe(event => this.setResponsiveSize(event.width, event.height));\n  }\n\n  ngOnDestroy(): void {\n    this.subs?.unsubscribe();\n  }\n\n  private setResponsiveSize(width: number, height: number): void {\n    if (!width && !height) {\n      // element is not visible, no point in changing anything\n      return;\n    }\n    const breakpoints = this.breakpoints() ?? BOOTSTRAP_BREAKPOINTS;\n\n    this.xs.set(width < breakpoints.smMinimum);\n    this.sm.set(width >= breakpoints.smMinimum && width < breakpoints.mdMinimum);\n    this.md.set(width >= breakpoints.mdMinimum && width < breakpoints.lgMinimum);\n    this.lg.set(width >= breakpoints.lgMinimum && width < breakpoints.xlMinimum);\n    this.xl.set(width >= breakpoints.xlMinimum && width < breakpoints.xxlMinimum);\n    this.xxl.set(width >= breakpoints.xxlMinimum);\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResizeObserverDirective } from './si-resize-observer.directive';\nimport { SiResponsiveContainerDirective } from './si-responsive-container.directive';\n\n@NgModule({\n  imports: [SiResizeObserverDirective, SiResponsiveContainerDirective],\n  exports: [SiResizeObserverDirective, SiResponsiveContainerDirective]\n})\nexport class SiResizeObserverModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './resize-observer.service';\nexport * from './si-resize-observer.directive';\nexport * from './si-resize-observer.module';\nexport * from './si-responsive-container.directive';\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-result-details-list.mjs

@@ -27,11 +27,11 @@ class SiResultDetailsListComponent {
         elementStateTick
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiResultDetailsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiResultDetailsListComponent, isStandalone: true, selector: "si-result-details-list", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-color-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-color-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-color-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"], dependencies: [{ kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiResultDetailsListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-result-details-list', imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"] }]
+            args: [{ selector: 'si-result-details-list', imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.Eager, template: "<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n", styles: ["si-loading-spinner{--loading-spinner-size: var(--si-sys-sizing-icon-md);--loading-spinner-color: var(--si-sys-color-text-accent);line-height:0}.result-description{flex:2 1;align-self:center;overflow:hidden}.result-value{flex:1 1;white-space:nowrap;align-self:top}.result-detail{letter-spacing:.15px;display:block;display:-webkit-box;max-block-size:calc(var(--si-sys-typography-font-size-body) * var(--si-sys-typography-line-height-body) * 2);word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.timeline:not(:last-child):after,.timeline:not(:first-child):before{content:\"\";position:absolute;inline-size:1px;background-color:var(--si-sys-color-border-2);block-size:calc(50% - var(--si-sys-sizing-icon-md) / 2);margin-inline-start:calc(var(--si-sys-sizing-icon-md) / 2 - .5px)}si-icon{color:var(--si-sys-color-text-secondary)}.timeline:not(:first-child):before{inset-block-start:0}.timeline:not(:last-child):after{inset-block-end:0}\n"] }]
         }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-result-details-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.datamodel.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport {\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick\n} from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/** */\nexport interface ResultDetailStep {\n  /**\n   * A description of the step.\n   */\n  description: TranslatableString;\n  /**\n   * A state object defining the state of the step.\n   */\n  state: ResultDetailStepState;\n  /**\n   * Optional value to be displayed for the step.\n   */\n  value?: string;\n  /**\n   * Optional error message to display.\n   */\n  errorMessage?: string;\n  /**\n   * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.\n   */\n  icon?: string;\n  /**\n   * Optional detail text which appears below description.\n   */\n  detail?: TranslatableString;\n  /**\n   * Optional translation params to be used with translate pipe.\n   */\n  translationParams?: Record<string, unknown>;\n}\n\n/**\n * This type defines the state that a detailed result step can have.\n */\nexport type ResultDetailStepState =\n  'passed' | 'failed' | 'running' | 'not-supported' | 'not-started';\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,EAAE;8EAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;qFAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,w0EA8DA,EAAA,MAAA,EAAA,CAAA,49BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1CY,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA;;2FAK1D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,CAAC,yBAAyB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAGrD,uBAAuB,CAAC,KAAK,EAAA,QAAA,EAAA,w0EAAA,EAAA,MAAA,EAAA,CAAA,49BAAA,CAAA,EAAA;;;AEvBhD;;;AAGG;;ACHH;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-result-details-list.mjs","sources":["../../../../projects/element-ng/result-details-list/si-result-details-list.component.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.component.html","../../../../projects/element-ng/result-details-list/si-result-details-list.datamodel.ts","../../../../projects/element-ng/result-details-list/si-result-details-list.module.ts","../../../../projects/element-ng/result-details-list/index.ts","../../../../projects/element-ng/result-details-list/siemens-element-ng-result-details-list.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport {\n  elementCircleFilled,\n  elementNotChecked,\n  elementOutOfService,\n  elementStateExclamationMark,\n  elementStateTick\n} from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLoadingSpinnerComponent } from '@siemens/element-ng/loading-spinner';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { ResultDetailStep } from './si-result-details-list.datamodel';\n\n@Component({\n  selector: 'si-result-details-list',\n  imports: [SiLoadingSpinnerComponent, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-result-details-list.component.html',\n  styleUrl: './si-result-details-list.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiResultDetailsListComponent {\n  /**\n   * Array of steps to show in the list.\n   *\n   * @defaultValue []\n   */\n  readonly steps = input<ResultDetailStep[]>([]);\n\n  protected readonly stepHasValue = computed(() => this.steps().some(item => !!item.value));\n\n  protected readonly icons = addIcons({\n    elementCircleFilled,\n    elementNotChecked,\n    elementOutOfService,\n    elementStateExclamationMark,\n    elementStateTick\n  });\n}\n","<ul class=\"list-unstyled d-flex flex-column mb-0\">\n  @for (step of steps(); track $index) {\n    <li\n      class=\"position-relative d-flex align-items-center timeline px-6 py-5\"\n      [class.text-accent]=\"step.state === 'running'\"\n    >\n      <div class=\"icon-stack icon me-4\">\n        @if (step.state === 'running') {\n          <si-loading-spinner />\n        } @else {\n          @if (step.icon) {\n            <si-icon [icon]=\"step.icon\" />\n          } @else {\n            @switch (step.state) {\n              @case ('passed') {\n                <si-icon class=\"status-success\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon class=\"status-critical-contrast\" [icon]=\"icons.elementStateTick\" />\n              }\n              @case ('failed') {\n                <si-icon class=\"status-danger\" [icon]=\"icons.elementCircleFilled\" />\n                <si-icon\n                  class=\"status-critical-contrast\"\n                  [icon]=\"icons.elementStateExclamationMark\"\n                />\n              }\n              @case ('not-started') {\n                <si-icon [icon]=\"icons.elementNotChecked\" />\n              }\n              @default {\n                <si-icon [icon]=\"icons.elementOutOfService\" />\n              }\n            }\n          }\n        }\n      </div>\n\n      <div class=\"d-flex flex-column justify-content-center w-100 overflow-hidden\">\n        <div class=\"d-flex\">\n          <div class=\"result-description\">\n            <span class=\"si-h5\">{{ step.description | translate: step.translationParams }}</span>\n            @if (step.detail) {\n              <div class=\"si-body text-secondary result-detail\">{{\n                step.detail | translate: step.translationParams\n              }}</div>\n            }\n            @if (step.errorMessage) {\n              <div class=\"si-h5 text-danger\">{{\n                step.errorMessage | translate: step.translationParams\n              }}</div>\n            }\n          </div>\n          @if (step.value) {\n            <span class=\"result-value\">{{ step.value }}</span>\n          } @else if (stepHasValue()) {\n            <!-- empty placeholder to align step description with other steps-->\n            <span class=\"result-value\"></span>\n          }\n        </div>\n      </div>\n    </li>\n  }\n</ul>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\n/** */\nexport interface ResultDetailStep {\n  /**\n   * A description of the step.\n   */\n  description: TranslatableString;\n  /**\n   * A state object defining the state of the step.\n   */\n  state: ResultDetailStepState;\n  /**\n   * Optional value to be displayed for the step.\n   */\n  value?: string;\n  /**\n   * Optional error message to display.\n   */\n  errorMessage?: string;\n  /**\n   * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.\n   */\n  icon?: string;\n  /**\n   * Optional detail text which appears below description.\n   */\n  detail?: TranslatableString;\n  /**\n   * Optional translation params to be used with translate pipe.\n   */\n  translationParams?: Record<string, unknown>;\n}\n\n/**\n * This type defines the state that a detailed result step can have.\n */\nexport type ResultDetailStepState =\n  'passed' | 'failed' | 'running' | 'not-supported' | 'not-started';\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiResultDetailsListComponent } from './si-result-details-list.component';\n\n@NgModule({\n  imports: [SiResultDetailsListComponent],\n  exports: [SiResultDetailsListComponent]\n})\nexport class SiResultDetailsListModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-result-details-list.component';\nexport * from './si-result-details-list.datamodel';\nexport * from './si-result-details-list.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAsBU,4BAA4B,CAAA;AACvC;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,EAAE;8EAAC;IAE3B,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;qFAAC;IAEtE,KAAK,GAAG,QAAQ,CAAC;QAClC,mBAAmB;QACnB,iBAAiB;QACjB,mBAAmB;QACnB,2BAA2B;QAC3B;AACD,KAAA,CAAC;uGAhBS,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA5B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,sNCzBzC,w0EA8DA,EAAA,MAAA,EAAA,CAAA,8+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED1CY,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,kBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA;;2FAK1D,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;+BACE,wBAAwB,EAAA,OAAA,EACzB,CAAC,yBAAyB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAGrD,uBAAuB,CAAC,KAAK,EAAA,QAAA,EAAA,w0EAAA,EAAA,MAAA,EAAA,CAAA,8+BAAA,CAAA,EAAA;;;AEvBhD;;;AAGG;;ACHH;;;AAGG;MASU,yBAAyB,CAAA;uGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA;AAE3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAH1B,4BAA4B,CAAA,EAAA,CAAA;;2FAG3B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B;AACvC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}