@siemens/element-ng 49.14.0 → 51.0.0-rc.5

package/fesm2022/siemens-element-ng-phone-number.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-phone-number.mjs","sources":["../../../../projects/element-ng/phone-number/si-phone-number-input-select.directive.ts","../../../../projects/element-ng/phone-number/si-phone-number-input.component.ts","../../../../projects/element-ng/phone-number/si-phone-number-input.component.html","../../../../projects/element-ng/phone-number/si-phone-number-input.module.ts","../../../../projects/element-ng/phone-number/index.ts","../../../../projects/element-ng/phone-number/siemens-element-ng-phone-number.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\nimport {\n  SiSelectSimpleOptionsDirective,\n  SiSelectSingleValueDirective\n} from '@siemens/element-ng/select';\n\n/**\n * This directive provides the si-select options and value strategy for the phone number input.\n * As we don't use si-select directly, we need to provide these strategies manually.\n */\n@Directive({\n  selector: '[siPhoneNumberInputSelect]',\n  hostDirectives: [\n    {\n      directive: SiSelectSimpleOptionsDirective,\n      inputs: ['options']\n    },\n    { directive: SiSelectSingleValueDirective, inputs: ['value'], outputs: ['valueChange'] }\n  ]\n})\nexport class SiPhoneNumberInputSelectDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { LowerCasePipe } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  LOCALE_ID,\n  model,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator\n} from '@angular/forms';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SelectOption, SiSelectListHasFilterComponent } from '@siemens/element-ng/select';\nimport {\n  injectSiTranslateService,\n  SiTranslatePipe,\n  t\n} from '@siemens/element-translate-ng/translate';\nimport { PhoneNumber, PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';\n\nimport { SiPhoneNumberInputSelectDirective } from './si-phone-number-input-select.directive';\nimport { CountryInfo, PhoneDetails } from './si-phone-number-input.models';\n\n@Component({\n  selector: 'si-phone-number-input',\n  imports: [\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    SiIconComponent,\n    SiPhoneNumberInputSelectDirective,\n    SiSelectListHasFilterComponent,\n    SiTranslatePipe,\n    LowerCasePipe\n  ],\n  templateUrl: './si-phone-number-input.component.html',\n  styleUrl: './si-phone-number-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SiPhoneNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPhoneNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPhoneNumberInputComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'role': 'group',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.id]': 'id()',\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[class.country-focus]': 'countryFocused()'\n  }\n})\nexport class SiPhoneNumberInputComponent\n  implements ControlValueAccessor, Validator, OnChanges, SiFormItemControl\n{\n  private static idCounter = 0;\n\n  private phoneUtil = PhoneNumberUtil.getInstance();\n  private translate = injectSiTranslateService();\n  private locale = inject(LOCALE_ID).toString();\n  private changeDetectorRef = inject(ChangeDetectorRef);\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Unique identifier.\n   *\n   * @defaultValue\n   * ```\n   * `__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`);\n\n  /**\n   * ISO_3166-2 Code of the selected country.\n   */\n  readonly country = model<string>();\n\n  /**\n   * ISO_3166-2 Code of the country which shall be used on form-control reset.\n   */\n  readonly defaultCountry = input<string>();\n\n  /**\n   * Placeholder text for country search input.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`)\n   * ```\n   */\n  readonly placeholderForSearch = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`)\n   * ```\n   */\n  readonly searchNoResultsFoundLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`)\n  );\n  /**\n   * Text for the country dropdown aria-label attribute.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`)\n   * ```\n   */\n  readonly selectCountryAriaLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`)\n  );\n  /**\n   * Text for the phone number input aria-label attribute.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`)\n   * ```\n   */\n  readonly phoneNumberAriaLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`)\n  );\n  /**\n   * List of countries in ISO2 format, from which the user is allowed to select one.\n   * If no values are provided, the dropdown will show all known countries.\n   */\n  readonly supportedCountries = input<readonly string[] | null>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  readonly valueChange = output<PhoneDetails>();\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the phone-number-input.\n   * Use this to reference the element containing the error message(s) for the phone-number-input.\n   * It will be picked by the {@link SiFormItemComponent} if the phone-number-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 readonly phoneInput = viewChild.required<ElementRef<HTMLInputElement>>('phoneInput');\n  protected readonly selectedCountry = signal<CountryInfo | undefined>(undefined);\n  protected placeholder = '';\n  protected readonly countryFocused = signal(false);\n  protected open = false;\n  protected overlayWidth = 0;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly countryList = computed(() => {\n    const countries = this.allowedCountries() ?? this.phoneUtil.getSupportedRegions();\n    return countries\n      .map((country: string) => {\n        const countryInfo: CountryInfo = {\n          name: this.getCountryName(country),\n          countryCode: this.phoneUtil.getCountryCodeForRegion(country),\n          isoCode: country\n        };\n        return {\n          type: 'option',\n          value: countryInfo,\n          label: `${countryInfo.name} +${countryInfo.countryCode}`,\n          typeaheadLabel: `${countryInfo.name} +${countryInfo.countryCode}`\n        } as SelectOption<CountryInfo>;\n      })\n      .sort((a, b) => a.value.name.localeCompare(b.value.name));\n  });\n  protected readonly icons = addIcons({ elementDown2 });\n  private readonly allowedCountries = computed(\n    () => this.supportedCountries() ?? this.phoneUtil.getSupportedRegions()\n  );\n  private readonly disabledNgControl = signal(false);\n  private isValidNumber = true;\n  private readonly phoneNumber = signal<PhoneNumber | undefined>(undefined, {\n    equal: (a, b) => {\n      if (!a || !b) {\n        return !a && !b;\n      }\n      return this.phoneUtil.isNumberMatch(a, b) === PhoneNumberUtil.MatchType.EXACT_MATCH;\n    }\n  });\n  private onChange: (val: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.country) {\n      this.writeCountry();\n    }\n  }\n\n  /** @internal */\n  writeValue(value: string | undefined): void {\n    const phoneNumber = this.parseNumber(value);\n    this.phoneNumber.set(phoneNumber);\n    if (phoneNumber) {\n      this.writeValueToInput();\n      this.country.set(this.getRegionCode());\n    } else {\n      // Number could not be parsed, write raw value instead to handle cases like undefined\n      this.writeTextToInput(value);\n      this.country.set(this.defaultCountry() ?? this.country());\n    }\n    this.writeCountry();\n    this.changeDetectorRef.markForCheck();\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  validate(control: AbstractControl): ValidationErrors | null {\n    if (!this.phoneInput().nativeElement.value) {\n      return null;\n    }\n\n    this.isValidNumber = false;\n    const phoneNumber = this.phoneNumber();\n    if (!phoneNumber || !this.phoneUtil.isValidNumber(phoneNumber)) {\n      return {\n        invalidPhoneNumberFormat: true\n      };\n    }\n\n    if (!this.countryList().some(c => c.value.isoCode === this.selectedCountry()!.isoCode)) {\n      return {\n        notSupportedPhoneNumberCountry: true\n      };\n    }\n\n    this.isValidNumber = true;\n    return null;\n  }\n\n  protected input(): void {\n    const rawNumber = this.phoneInput().nativeElement.value;\n    const phoneNumber = this.parseNumber(rawNumber);\n    this.phoneNumber.set(phoneNumber);\n\n    if (phoneNumber) {\n      const regionCode = this.getRegionCode();\n      let countryInfo = this.countryList().find(\n        country => regionCode === country.value.isoCode\n      )?.value;\n      if (!countryInfo && regionCode) {\n        countryInfo = {\n          name: this.getCountryName(regionCode),\n          countryCode: phoneNumber.getCountryCode()!,\n          isoCode: regionCode\n        };\n      }\n      if (countryInfo && this.selectedCountry()?.isoCode !== countryInfo.isoCode) {\n        this.selectedCountry.set(countryInfo);\n      }\n    } else if (rawNumber.trim().startsWith('+')) {\n      this.selectedCountry.set(undefined);\n    }\n\n    this.handleChange();\n  }\n\n  protected blur(): void {\n    this.countryFocused.set(false);\n    this.onTouched();\n    this.writeValueToInput();\n  }\n\n  protected countryInput(num: CountryInfo): void {\n    this.selectedCountry.set(num);\n    this.updatePlaceholder();\n    this.refreshValueAfterCountryChange();\n    this.handleChange();\n  }\n\n  protected openOverlay(): void {\n    if (!this.readonly()) {\n      this.open = true;\n      this.overlayWidth = this.elementRef.nativeElement.getBoundingClientRect().width + 2; // 2px border\n    }\n  }\n\n  protected overlayDetach(): void {\n    this.open = false;\n    this.phoneInput().nativeElement.focus();\n  }\n\n  private writeCountry(): void {\n    const currentCountry = this.country()!;\n    this.selectedCountry.set(\n      this.countryList().find(country => country.value.isoCode === currentCountry)?.value\n    );\n    if (!this.selectedCountry()) {\n      const countryCode = this.phoneUtil.getCountryCodeForRegion(\n        currentCountry ?? this.defaultCountry() ?? 'XX'\n      );\n      if (countryCode) {\n        this.selectedCountry.set({\n          isoCode: currentCountry,\n          countryCode,\n          name: this.getCountryName(currentCountry)\n        });\n      }\n    }\n    this.updatePlaceholder();\n    this.refreshValueAfterCountryChange();\n  }\n\n  private getCountryName(countryCode: string): string {\n    // This auto translates the given country name to the selected locale language\n    return (\n      new Intl.DisplayNames([this.translate.currentLanguage ?? this.locale], { type: 'region' }).of(\n        countryCode.toUpperCase()\n      ) ?? ''\n    );\n  }\n\n  private updatePlaceholder(): void {\n    const selectedCountry = this.selectedCountry();\n    if (selectedCountry) {\n      this.placeholder = this.phoneUtil\n        .format(\n          this.phoneUtil.getExampleNumber(selectedCountry.isoCode),\n          PhoneNumberFormat.NATIONAL\n        )\n        .replace(/^0/, '');\n    }\n  }\n\n  private parseNumber(rawNumber: string | undefined): PhoneNumber | undefined {\n    try {\n      let regionCodeForParsing: string | undefined;\n      if (!rawNumber?.trim().startsWith('+')) {\n        regionCodeForParsing = this.selectedCountry()?.isoCode;\n      }\n      return this.phoneUtil.parse(rawNumber, regionCodeForParsing);\n    } catch (e) {\n      // The Number is too short, we cannot parse it yet. Error can be ignored. Hopefully, the user enters more digits.\n      return;\n    }\n  }\n\n  /**\n   * PhoneUtil does not resolve country code early enough when the national prefix is shared among other countries (+1 and +44).\n   * This Method fakes a complete number to force PhoneUtil returning a proper region code.\n   */\n  private getRegionCode(): string | undefined {\n    const phoneNumber = this.phoneNumber();\n    if (phoneNumber) {\n      const regionCode = this.phoneUtil.getRegionCodeForNumber(phoneNumber);\n      if (regionCode) {\n        return regionCode;\n      }\n\n      const nationalNumber = phoneNumber.getNationalNumber() + '';\n      if (\n        // USA, CANADA, ...\n        (phoneNumber.getCountryCode() === 1 && nationalNumber.length >= 3) ||\n        // UK, ...\n        (phoneNumber.getCountryCode() === 44 && nationalNumber.length >= 4)\n      ) {\n        return this.phoneUtil.getRegionCodeForNumber(\n          this.phoneUtil.parse(\n            '+' +\n              phoneNumber.getCountryCode() +\n              nationalNumber +\n              new Array(10 - nationalNumber.length).fill(5).join('')\n          )\n        );\n      }\n\n      return this.phoneUtil.getRegionCodeForCountryCode(phoneNumber.getCountryCode()!);\n    }\n\n    return undefined;\n  }\n\n  private formatPhoneNumber(format: PhoneNumberFormat): string | undefined {\n    const phoneNumber = this.phoneNumber();\n    if (phoneNumber) {\n      return this.phoneUtil.format(phoneNumber, format);\n    }\n\n    return undefined;\n  }\n\n  private handleChange(): void {\n    const selectedCountry = this.selectedCountry();\n    if (selectedCountry && this.country() !== selectedCountry.isoCode) {\n      this.country.set(selectedCountry.isoCode);\n    }\n\n    if (this.phoneNumber()) {\n      this.onChange(this.formatPhoneNumber(PhoneNumberFormat.INTERNATIONAL)!);\n    } else {\n      this.onChange('');\n    }\n\n    this.valueChange.emit({\n      country: this.selectedCountry(),\n      phoneNumber: this.formatPhoneNumber(PhoneNumberFormat.INTERNATIONAL),\n      isValid: this.isValidNumber\n    });\n  }\n\n  private writeTextToInput(value?: string): void {\n    this.phoneInput().nativeElement.value = value ?? '';\n  }\n  /**\n   * Format and update input text or clear input text if the input value is undefined.\n   */\n  private writeValueToInput(): void {\n    if (this.phoneNumber()) {\n      this.writeTextToInput(this.formatPhoneNumber(PhoneNumberFormat.NATIONAL)!.replace(/^0/, ''));\n    }\n  }\n\n  private refreshValueAfterCountryChange(): void {\n    const selectedCountry = this.selectedCountry();\n    if (selectedCountry) {\n      this.phoneNumber.update(current => {\n        if (!current) {\n          return undefined;\n        }\n        // TODO: Remove any once https://github.com/DefinitelyTyped/DefinitelyTyped/pull/75189 is merged/released\n        const phoneNumber = (current as any)?.clone();\n        phoneNumber.setCountryCode(selectedCountry.countryCode);\n        return phoneNumber;\n      });\n      this.writeValueToInput();\n    }\n  }\n}\n","<div\n  class=\"btn-group w-100 d-flex shadow-none border-0\"\n  [class.disabled]=\"disabled()\"\n  [class.readonly]=\"readonly()\"\n  [attr.aria-disabled]=\"disabled()\"\n>\n  <button\n    #trigger=\"cdkOverlayOrigin\"\n    cdkOverlayOrigin\n    siPhoneNumberInputSelect\n    class=\"dropdown-toggle d-flex align-items-center ms-n4 my-n4 py-2 px-4 border-0\"\n    type=\"button\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    [disabled]=\"disabled()\"\n    [class.readonly]=\"readonly()\"\n    [attr.aria-labelledby]=\"id() + '-aria-label ' + id() + '-value'\"\n    [attr.aria-expanded]=\"open\"\n    [options]=\"countryList()\"\n    [value]=\"selectedCountry()\"\n    [tabindex]=\"disabled() ? '-1' : '0'\"\n    [attr.aria-controls]=\"id() + '-listbox'\"\n    (valueChange)=\"countryInput($event)\"\n    (click)=\"openOverlay()\"\n    (focus)=\"countryFocused.set(true)\"\n    (blur)=\"countryFocused.set(false)\"\n  >\n    <span class=\"visually-hidden\" [id]=\"id() + '-aria-label'\">{{\n      selectCountryAriaLabel() | translate\n    }}</span>\n    <span\n      aria-hidden=\"true\"\n      [class]=\"`fi fi-${(selectedCountry()?.isoCode | lowercase) ?? 'xx'}`\"\n    ></span>\n    @if (selectedCountry(); as selectedCountry) {\n      <span class=\"si-body ms-4\" [id]=\"id() + '-value'\">\n        <span class=\"visually-hidden\">{{ selectedCountry.name }}</span>\n        +{{ selectedCountry.countryCode }}\n      </span>\n    }\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n\n    <ng-template\n      cdkConnectedOverlay\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"open\"\n      [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n      [cdkConnectedOverlayOffsetX]=\"-1\"\n      [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n      (backdropClick)=\"overlayDetach()\"\n      (detach)=\"overlayDetach()\"\n    >\n      <si-select-list-has-filter\n        [baseId]=\"id()\"\n        [filterPlaceholder]=\"placeholderForSearch()\"\n        [noResultsFoundLabel]=\"searchNoResultsFoundLabel()\"\n        [optionTemplate]=\"optionTemplate\"\n        (closeOverlay)=\"overlayDetach()\"\n      />\n    </ng-template>\n    <ng-template #optionTemplate let-option>\n      <span aria-hidden=\"true\" [class]=\"`fi me-5 fi-${(option.value.isoCode | lowercase)}`\"></span>\n      {{ option.value.name }} +{{ option.value.countryCode }}\n    </ng-template>\n  </button>\n  <input\n    #phoneInput\n    type=\"tel\"\n    class=\"ms-4 border-0 p-0 focus-none shadow-none flex-grow-1 phone-number\"\n    [attr.aria-label]=\"phoneNumberAriaLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (input)=\"input()\"\n    (blur)=\"blur()\"\n  />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPhoneNumberInputComponent } from './si-phone-number-input.component';\n\n@NgModule({\n  imports: [SiPhoneNumberInputComponent],\n  exports: [SiPhoneNumberInputComponent]\n})\nexport class SiPhoneNumberInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-phone-number-input.module';\nexport * from './si-phone-number-input.component';\nexport * from './si-phone-number-input.models';\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-phone-number.mjs","sources":["../../../../projects/element-ng/phone-number/si-phone-number-input-select.directive.ts","../../../../projects/element-ng/phone-number/si-phone-number-input.component.ts","../../../../projects/element-ng/phone-number/si-phone-number-input.component.html","../../../../projects/element-ng/phone-number/si-phone-number-input.module.ts","../../../../projects/element-ng/phone-number/index.ts","../../../../projects/element-ng/phone-number/siemens-element-ng-phone-number.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\nimport {\n  SiSelectSimpleOptionsDirective,\n  SiSelectSingleValueDirective\n} from '@siemens/element-ng/select';\n\n/**\n * This directive provides the si-select options and value strategy for the phone number input.\n * As we don't use si-select directly, we need to provide these strategies manually.\n */\n@Directive({\n  selector: '[siPhoneNumberInputSelect]',\n  hostDirectives: [\n    {\n      directive: SiSelectSimpleOptionsDirective,\n      inputs: ['options']\n    },\n    { directive: SiSelectSingleValueDirective, inputs: ['value'], outputs: ['valueChange'] }\n  ]\n})\nexport class SiPhoneNumberInputSelectDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { LowerCasePipe } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  LOCALE_ID,\n  model,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator\n} from '@angular/forms';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SelectOption, SiSelectListHasFilterComponent } from '@siemens/element-ng/select';\nimport {\n  injectSiTranslateService,\n  SiTranslatePipe,\n  t\n} from '@siemens/element-translate-ng/translate';\nimport { PhoneNumber, PhoneNumberFormat, PhoneNumberUtil } from 'google-libphonenumber';\n\nimport { SiPhoneNumberInputSelectDirective } from './si-phone-number-input-select.directive';\nimport { CountryInfo, PhoneDetails } from './si-phone-number-input.models';\n\n@Component({\n  selector: 'si-phone-number-input',\n  imports: [\n    CdkOverlayOrigin,\n    CdkConnectedOverlay,\n    SiIconComponent,\n    SiPhoneNumberInputSelectDirective,\n    SiSelectListHasFilterComponent,\n    SiTranslatePipe,\n    LowerCasePipe\n  ],\n  templateUrl: './si-phone-number-input.component.html',\n  styleUrl: './si-phone-number-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SiPhoneNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiPhoneNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiPhoneNumberInputComponent\n    }\n  ],\n  host: {\n    'role': 'group',\n    '[attr.aria-labelledby]': 'labelledby()',\n    '[attr.id]': 'id()',\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()',\n    '[class.country-focus]': 'countryFocused()'\n  }\n})\nexport class SiPhoneNumberInputComponent\n  implements ControlValueAccessor, Validator, OnChanges, SiFormItemControl\n{\n  private static idCounter = 0;\n\n  private phoneUtil = PhoneNumberUtil.getInstance();\n  private translate = injectSiTranslateService();\n  private locale = inject(LOCALE_ID).toString();\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * Unique identifier.\n   *\n   * @defaultValue\n   * ```\n   * `__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`);\n\n  /**\n   * ISO_3166-2 Code of the selected country.\n   */\n  readonly country = model<string>();\n\n  /**\n   * ISO_3166-2 Code of the country which shall be used on form-control reset.\n   */\n  readonly defaultCountry = input<string>();\n\n  /**\n   * Placeholder text for country search input.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`)\n   * ```\n   */\n  readonly placeholderForSearch = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`)\n  );\n  /**\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`)\n   * ```\n   */\n  readonly searchNoResultsFoundLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`)\n  );\n  /**\n   * Text for the country dropdown aria-label attribute.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`)\n   * ```\n   */\n  readonly selectCountryAriaLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`)\n  );\n  /**\n   * Text for the phone number input aria-label attribute.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`)\n   * ```\n   */\n  readonly phoneNumberAriaLabel = input(\n    t(() => $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`)\n  );\n  /**\n   * List of countries in ISO2 format, from which the user is allowed to select one.\n   * If no values are provided, the dropdown will show all known countries.\n   */\n  readonly supportedCountries = input<readonly string[] | null>();\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  readonly valueChange = output<PhoneDetails>();\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the phone-number-input.\n   * Use this to reference the element containing the error message(s) for the phone-number-input.\n   * It will be picked by the {@link SiFormItemComponent} if the phone-number-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 readonly phoneInput = viewChild.required<ElementRef<HTMLInputElement>>('phoneInput');\n  protected readonly countryFocused = signal(false);\n  protected readonly open = signal(false);\n  protected overlayWidth = 0;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly phoneInputValue = signal('');\n  protected readonly countryList = computed(() => {\n    const countries = this.allowedCountries() ?? this.phoneUtil.getSupportedRegions();\n    return countries\n      .map((country: string) => {\n        const countryInfo: CountryInfo = {\n          name: this.getCountryName(country),\n          countryCode: this.phoneUtil.getCountryCodeForRegion(country),\n          isoCode: country\n        };\n        return {\n          type: 'option',\n          value: countryInfo,\n          label: `${countryInfo.name} +${countryInfo.countryCode}`,\n          typeaheadLabel: `${countryInfo.name} +${countryInfo.countryCode}`\n        } as SelectOption<CountryInfo>;\n      })\n      .sort((a, b) => a.value.name.localeCompare(b.value.name));\n  });\n  protected readonly selectedCountry = computed(() => {\n    const currentCountry = this.country();\n    if (!currentCountry) {\n      return undefined;\n    }\n\n    const selectedCountry = this.countryList().find(\n      country => country.value.isoCode === currentCountry\n    )?.value;\n    if (selectedCountry) {\n      return selectedCountry;\n    }\n\n    const countryCode = this.phoneUtil.getCountryCodeForRegion(currentCountry);\n    if (!countryCode) {\n      return undefined;\n    }\n\n    return {\n      isoCode: currentCountry,\n      countryCode,\n      name: this.getCountryName(currentCountry)\n    };\n  });\n  protected readonly placeholder = computed(() => {\n    const selectedCountry = this.selectedCountry();\n    if (!selectedCountry) {\n      return '';\n    }\n\n    return this.phoneUtil\n      .format(this.phoneUtil.getExampleNumber(selectedCountry.isoCode), PhoneNumberFormat.NATIONAL)\n      .replace(/^0/, '');\n  });\n  protected readonly icons = addIcons({ elementDown2 });\n  private readonly allowedCountries = computed(\n    () => this.supportedCountries() ?? this.phoneUtil.getSupportedRegions()\n  );\n  private readonly disabledNgControl = signal(false);\n  private isValidNumber = true;\n  private readonly phoneNumber = computed(() => this.parseNumber(this.phoneInputValue()));\n  private onChange: (val: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.country) {\n      this.refreshValueAfterCountryChange();\n    }\n  }\n\n  /** @internal */\n  writeValue(value: string | undefined): void {\n    const phoneNumber = this.parseNumber(value);\n    if (phoneNumber) {\n      this.country.set(this.getRegionCode(phoneNumber));\n      this.phoneInputValue.set(\n        this.phoneUtil.format(phoneNumber, PhoneNumberFormat.NATIONAL).replace(/^0/, '')\n      );\n    } else {\n      // Number could not be parsed, write raw value instead to handle cases like undefined\n      this.phoneInputValue.set(value ?? '');\n      this.country.set(this.defaultCountry() ?? this.country());\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  validate(control: AbstractControl): ValidationErrors | null {\n    if (!this.phoneInputValue()) {\n      return null;\n    }\n\n    this.isValidNumber = false;\n    const phoneNumber = this.phoneNumber();\n    if (!phoneNumber || !this.phoneUtil.isValidNumber(phoneNumber)) {\n      return {\n        invalidPhoneNumberFormat: true\n      };\n    }\n\n    if (!this.countryList().some(c => c.value.isoCode === this.selectedCountry()!.isoCode)) {\n      return {\n        notSupportedPhoneNumberCountry: true\n      };\n    }\n\n    this.isValidNumber = true;\n    return null;\n  }\n\n  protected input(event: Event): void {\n    const rawNumber = (event.target as HTMLInputElement).value;\n    this.phoneInputValue.set(rawNumber);\n    const phoneNumber = this.phoneNumber();\n\n    if (phoneNumber) {\n      const regionCode = this.getRegionCode(phoneNumber);\n      if (regionCode && this.country() !== regionCode) {\n        this.country.set(regionCode);\n      }\n    } else if (rawNumber.trim().startsWith('+')) {\n      this.country.set(undefined);\n    }\n\n    this.handleChange();\n  }\n\n  protected blur(): void {\n    this.countryFocused.set(false);\n    this.onTouched();\n    this.writeValueToInput();\n  }\n\n  protected countryInput(num: CountryInfo): void {\n    this.country.set(num.isoCode);\n    this.refreshValueAfterCountryChange();\n    this.handleChange();\n  }\n\n  protected openOverlay(): void {\n    if (!this.readonly()) {\n      this.open.set(true);\n      this.overlayWidth = this.elementRef.nativeElement.getBoundingClientRect().width + 2; // 2px border\n    }\n  }\n\n  protected overlayDetach(): void {\n    this.open.set(false);\n    this.phoneInput().nativeElement.focus();\n  }\n\n  private getCountryName(countryCode: string): string {\n    // This auto translates the given country name to the selected locale language\n    return (\n      new Intl.DisplayNames([this.translate.currentLanguage ?? this.locale], {\n        type: 'region'\n      }).of(countryCode.toUpperCase()) ?? ''\n    );\n  }\n\n  private parseNumber(rawNumber: string | undefined): PhoneNumber | undefined {\n    try {\n      let regionCodeForParsing: string | undefined;\n      if (!rawNumber?.trim().startsWith('+')) {\n        regionCodeForParsing = this.selectedCountry()?.isoCode;\n      }\n      return this.phoneUtil.parse(rawNumber, regionCodeForParsing);\n    } catch (e) {\n      // The Number is too short, we cannot parse it yet. Error can be ignored. Hopefully, the user enters more digits.\n      return;\n    }\n  }\n\n  /**\n   * PhoneUtil does not resolve country code early enough when the national prefix is shared among other countries (+1 and +44).\n   * This Method fakes a complete number to force PhoneUtil returning a proper region code.\n   */\n  private getRegionCode(phoneNumber: PhoneNumber): string | undefined {\n    const regionCode = this.phoneUtil.getRegionCodeForNumber(phoneNumber);\n    if (regionCode) {\n      return regionCode;\n    }\n\n    const nationalNumber = phoneNumber.getNationalNumber() + '';\n    if (\n      // USA, CANADA, ...\n      (phoneNumber.getCountryCode() === 1 && nationalNumber.length >= 3) ||\n      // UK, ...\n      (phoneNumber.getCountryCode() === 44 && nationalNumber.length >= 4)\n    ) {\n      return this.phoneUtil.getRegionCodeForNumber(\n        this.phoneUtil.parse(\n          '+' +\n            phoneNumber.getCountryCode() +\n            nationalNumber +\n            new Array(10 - nationalNumber.length).fill(5).join('')\n        )\n      );\n    }\n\n    return this.phoneUtil.getRegionCodeForCountryCode(phoneNumber.getCountryCode()!);\n  }\n\n  private formatPhoneNumber(format: PhoneNumberFormat): string | undefined {\n    const phoneNumber = this.phoneNumber();\n    if (phoneNumber) {\n      return this.phoneUtil.format(phoneNumber, format);\n    }\n\n    return undefined;\n  }\n\n  private handleChange(): void {\n    const phoneNumber = this.formatPhoneNumber(PhoneNumberFormat.INTERNATIONAL);\n    this.onChange(phoneNumber ?? '');\n\n    this.valueChange.emit({\n      country: this.selectedCountry(),\n      phoneNumber,\n      isValid: this.isValidNumber\n    });\n  }\n\n  /**\n   * Format and update input text or clear input text if the input value is undefined.\n   */\n  private writeValueToInput(): void {\n    if (this.phoneNumber()) {\n      this.phoneInputValue.set(\n        this.formatPhoneNumber(PhoneNumberFormat.NATIONAL)!.replace(/^0/, '')\n      );\n    }\n  }\n\n  private refreshValueAfterCountryChange(): void {\n    const selectedCountry = this.selectedCountry();\n    if (selectedCountry) {\n      this.writeValueToInput();\n    }\n  }\n}\n","<div\n  class=\"btn-group w-100 d-flex shadow-none border-0\"\n  [class.disabled]=\"disabled()\"\n  [class.readonly]=\"readonly()\"\n  [attr.aria-disabled]=\"disabled()\"\n>\n  <button\n    #trigger=\"cdkOverlayOrigin\"\n    cdkOverlayOrigin\n    siPhoneNumberInputSelect\n    class=\"dropdown-toggle d-flex align-items-center ms-n4 my-n4 py-2 px-4 border-0\"\n    type=\"button\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    [disabled]=\"disabled()\"\n    [class.readonly]=\"readonly()\"\n    [attr.aria-labelledby]=\"id() + '-aria-label ' + id() + '-value'\"\n    [attr.aria-expanded]=\"open()\"\n    [options]=\"countryList()\"\n    [value]=\"selectedCountry()\"\n    [tabindex]=\"disabled() ? '-1' : '0'\"\n    [attr.aria-controls]=\"id() + '-listbox'\"\n    (valueChange)=\"countryInput($event)\"\n    (click)=\"openOverlay()\"\n    (focus)=\"countryFocused.set(true)\"\n    (blur)=\"countryFocused.set(false)\"\n  >\n    <span class=\"visually-hidden\" [id]=\"id() + '-aria-label'\">{{\n      selectCountryAriaLabel() | translate\n    }}</span>\n    <span\n      aria-hidden=\"true\"\n      [class]=\"`fi fi-${(selectedCountry()?.isoCode | lowercase) ?? 'xx'}`\"\n    ></span>\n    @if (selectedCountry(); as selectedCountry) {\n      <span class=\"si-body ms-4\" [id]=\"id() + '-value'\">\n        <span class=\"visually-hidden\">{{ selectedCountry.name }}</span>\n        +{{ selectedCountry.countryCode }}\n      </span>\n    }\n    <si-icon class=\"icon dropdown-caret\" [icon]=\"icons.elementDown2\" />\n\n    <ng-template\n      cdkConnectedOverlay\n      cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n      [cdkConnectedOverlayHasBackdrop]=\"true\"\n      [cdkConnectedOverlayOrigin]=\"trigger\"\n      [cdkConnectedOverlayOpen]=\"open()\"\n      [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n      [cdkConnectedOverlayOffsetX]=\"-1\"\n      [cdkConnectedOverlayMinWidth]=\"overlayWidth\"\n      (backdropClick)=\"overlayDetach()\"\n      (detach)=\"overlayDetach()\"\n    >\n      <si-select-list-has-filter\n        [baseId]=\"id()\"\n        [filterPlaceholder]=\"placeholderForSearch()\"\n        [noResultsFoundLabel]=\"searchNoResultsFoundLabel()\"\n        [optionTemplate]=\"optionTemplate\"\n        (closeOverlay)=\"overlayDetach()\"\n      />\n    </ng-template>\n    <ng-template #optionTemplate let-option>\n      <span aria-hidden=\"true\" [class]=\"`fi me-5 fi-${(option.value.isoCode | lowercase)}`\"></span>\n      {{ option.value.name }} +{{ option.value.countryCode }}\n    </ng-template>\n  </button>\n  <input\n    #phoneInput\n    type=\"tel\"\n    class=\"ms-4 border-0 p-0 focus-none shadow-none flex-grow-1 phone-number\"\n    [value]=\"phoneInputValue()\"\n    [attr.aria-label]=\"phoneNumberAriaLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    [readonly]=\"readonly()\"\n    (input)=\"input($event)\"\n    (blur)=\"blur()\"\n  />\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPhoneNumberInputComponent } from './si-phone-number-input.component';\n\n@NgModule({\n  imports: [SiPhoneNumberInputComponent],\n  exports: [SiPhoneNumberInputComponent]\n})\nexport class SiPhoneNumberInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-phone-number-input.module';\nexport * from './si-phone-number-input.component';\nexport * from './si-phone-number-input.models';\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-photo-upload.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, input, booleanAttribute, model, viewChild, signal, computed, inject } from '@angular/core';
+import { Component, input, booleanAttribute, model, viewChild, signal, computed, inject } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 import { elementStateExclamationMark, elementCircleFilled, elementCancel } from '@siemens/element-icons';
@@ -15,12 +15,12 @@ import { ImageCropperComponent } from 'ngx-image-cropper';
  * SPDX-License-Identifier: MIT
  */
 class SiImageCropperStyleComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiImageCropperStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.8", type: SiImageCropperStyleComponent, isStandalone: true, selector: "si-image-cropper-style", ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host ::ng-deep image-cropper{max-block-size:70vb;--image-cropper-outline-color: var(--element-base-translucent-1);--cropper-outline-color: var(--image-cropper-outline-color);--cropper-overlay-color: var(--element-ui-5)}:host ::ng-deep image-cropper .ngx-ic-square{background:var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper{outline:2px solid var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper:after{z-index:0;border:unset;box-shadow:0 0 0 9999px var(--cropper-outline-color)}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper .ngx-ic-move.ngx-ic-move{position:relative;overflow:hidden;border:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SiImageCropperStyleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SiImageCropperStyleComponent, isStandalone: true, selector: "si-image-cropper-style", ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host ::ng-deep image-cropper{max-block-size:70vb;--image-cropper-outline-color: var(--element-base-translucent-1);--cropper-outline-color: var(--image-cropper-outline-color);--cropper-overlay-color: var(--element-ui-5)}:host ::ng-deep image-cropper .ngx-ic-square{background:var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper{outline:2px solid var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper:after{z-index:0;border:unset;box-shadow:0 0 0 9999px var(--cropper-outline-color)}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper .ngx-ic-move.ngx-ic-move{position:relative;overflow:hidden;border:0}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiImageCropperStyleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SiImageCropperStyleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-image-cropper-style', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host ::ng-deep image-cropper{max-block-size:70vb;--image-cropper-outline-color: var(--element-base-translucent-1);--cropper-outline-color: var(--image-cropper-outline-color);--cropper-overlay-color: var(--element-ui-5)}:host ::ng-deep image-cropper .ngx-ic-square{background:var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper{outline:2px solid var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper:after{z-index:0;border:unset;box-shadow:0 0 0 9999px var(--cropper-outline-color)}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper .ngx-ic-move.ngx-ic-move{position:relative;overflow:hidden;border:0}\n"] }]
+            args: [{ selector: 'si-image-cropper-style', template: '<ng-content />', styles: [":host ::ng-deep image-cropper{max-block-size:70vb;--image-cropper-outline-color: var(--element-base-translucent-1);--cropper-outline-color: var(--image-cropper-outline-color);--cropper-overlay-color: var(--element-ui-5)}:host ::ng-deep image-cropper .ngx-ic-square{background:var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper{outline:2px solid var(--element-ui-0)!important}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper:after{z-index:0;border:unset;box-shadow:0 0 0 9999px var(--cropper-outline-color)}:host ::ng-deep image-cropper .ngx-ic-cropper.ngx-ic-cropper .ngx-ic-move.ngx-ic-move{position:relative;overflow:hidden;border:0}\n"] }]
         }] });
 
 /**
@@ -41,13 +41,13 @@ class SiPhotoUploadComponent {
      *
      * @defaultValue false
      */
-    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Optionally disable image cropping.
      *
      * @defaultValue false
      */
-    disabledCropping = input(false, { ...(ngDevMode ? { debugName: "disabledCropping" } : {}), transform: booleanAttribute });
+    disabledCropping = input(false, { ...(ngDevMode ? { debugName: "disabledCropping" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Accepted image formats for the file selection dialog.
      *
@@ -57,13 +57,15 @@ class SiPhotoUploadComponent {
      *
      * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
      */
-    acceptedUploadFormats = input('.png, .jpg, .jpeg', ...(ngDevMode ? [{ debugName: "acceptedUploadFormats" }] : []));
+    acceptedUploadFormats = input('.png, .jpg, .jpeg', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "acceptedUploadFormats" }] : /* istanbul ignore next */ []));
     /**
      * Maximum allowed file size of the uploaded file in kilobytes.
      *
      * @defaultValue 2048
      */
-    maxFileSize = input(2048, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : []));
+    maxFileSize = input(2048, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxFileSize" }] : /* istanbul ignore next */ []));
     /**
      * If the uploaded file is of an unsupported type, this
      * error message will be displayed to the user.
@@ -73,30 +75,34 @@ class SiPhotoUploadComponent {
      * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`)
      * ```
      */
-    uploadErrorWrongType = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`), ...(ngDevMode ? [{ debugName: "uploadErrorWrongType" }] : []));
+    uploadErrorWrongType = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uploadErrorWrongType" }] : /* istanbul ignore next */ []));
     /**
      * If the uploaded file exceeds the allowed upload size, this
      * error message will be displayed to the user.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:The actual file size {{mb}} MB exceeds the {{maxSizeMb}} MB limit.`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`)
      * ```
      */
-    uploadErrorTooBig = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:The actual file size {{mb}} MB exceeds the {{maxSizeMb}} MB limit.`), ...(ngDevMode ? [{ debugName: "uploadErrorTooBig" }] : []));
+    uploadErrorTooBig = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:Current file size of {{mb}} MB exceeds file size of max. {{maxSizeMb}} MB`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uploadErrorTooBig" }] : /* istanbul ignore next */ []));
     /**
      * Alternative text for the photo.
      *
      * @defaultValue ''
      */
-    photoAltText = input('', ...(ngDevMode ? [{ debugName: "photoAltText" }] : []));
+    photoAltText = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "photoAltText" }] : /* istanbul ignore next */ []));
     /**
      * Alternative text for the photo´s placeholder.
      * The value will be used to calculate the background color when `autoColor` is true.
      *
      * @defaultValue ''
      */
-    placeholderAltText = input('', ...(ngDevMode ? [{ debugName: "placeholderAltText" }] : []));
+    placeholderAltText = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholderAltText" }] : /* istanbul ignore next */ []));
     /**
      * Text for the button changing the photo.
      *
@@ -105,25 +111,28 @@ class SiPhotoUploadComponent {
      * t(() => $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`)
      * ```
      */
-    changePhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`), ...(ngDevMode ? [{ debugName: "changePhotoText" }] : []));
+    changePhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "changePhotoText" }] : /* istanbul ignore next */ []));
     /**
      * Cropper frame aria label.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`)
      * ```
      */
-    cropperFrameAriaLabel = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop photo`), ...(ngDevMode ? [{ debugName: "cropperFrameAriaLabel" }] : []));
+    cropperFrameAriaLabel = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop picture`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperFrameAriaLabel" }] : /* istanbul ignore next */ []));
     /**
      * Text for the button uploading a photo.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`)
      * ```
      */
-    uploadPhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload photo`), ...(ngDevMode ? [{ debugName: "uploadPhotoText" }] : []));
+    uploadPhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload picture`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uploadPhotoText" }] : /* istanbul ignore next */ []));
     /**
      * Text for the button removing the photo.
      *
@@ -132,7 +141,8 @@ class SiPhotoUploadComponent {
      * t(() => $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`)
      * ```
      */
-    removePhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.REMOVE:Remove`), ...(ngDevMode ? [{ debugName: "removePhotoText" }] : []));
+    removePhotoText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.REMOVE:Remove`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "removePhotoText" }] : /* istanbul ignore next */ []));
     /**
      * Text for the button cancelling the editing process.
      *
@@ -141,7 +151,8 @@ class SiPhotoUploadComponent {
      * t(() => $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`)
      * ```
      */
-    cancelEditText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`), ...(ngDevMode ? [{ debugName: "cancelEditText" }] : []));
+    cancelEditText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cancelEditText" }] : /* istanbul ignore next */ []));
     /**
      * Text for the button applying the edited photo.
      *
@@ -150,39 +161,44 @@ class SiPhotoUploadComponent {
      * t(() => $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`)
      * ```
      */
-    applyEditText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`), ...(ngDevMode ? [{ debugName: "applyEditText" }] : []));
+    applyEditText = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "applyEditText" }] : /* istanbul ignore next */ []));
     /**
      * Text displayed as header of the editing modal.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Avatar photo`)
+     * t(() => $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`)
      * ```
      */
-    modalHeader = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Avatar photo`), ...(ngDevMode ? [{ debugName: "modalHeader" }] : []));
+    modalHeader = input(t(() => $localize `:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Profile picture`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalHeader" }] : /* istanbul ignore next */ []));
     /**
      * Text displayed as description of the editing modal.
      */
-    modalDescription = input(...(ngDevMode ? [undefined, { debugName: "modalDescription" }] : []));
+    modalDescription = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "modalDescription" }] : /* istanbul ignore next */ []));
     /**
      * Output format of the edited image.
      *
      * @defaultValue 'jpeg'
      */
-    cropperImageFormat = input('jpeg', ...(ngDevMode ? [{ debugName: "cropperImageFormat" }] : []));
+    cropperImageFormat = input('jpeg', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperImageFormat" }] : /* istanbul ignore next */ []));
     /**
      * The width / height ratio (e.g. 1 / 1 for a square, 4 / 3, 16 / 9 ...).
      *
      * @defaultValue 1
      */
-    cropperAspectRatio = input(1, ...(ngDevMode ? [{ debugName: "cropperAspectRatio" }] : []));
+    cropperAspectRatio = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperAspectRatio" }] : /* istanbul ignore next */ []));
     /**
      * Whether to keep the width and height of the cropped image equal according
      * to the aspectRatio.
      *
      * @defaultValue true
      */
-    cropperMaintainAspectRatio = input(true, { ...(ngDevMode ? { debugName: "cropperMaintainAspectRatio" } : {}), transform: booleanAttribute });
+    cropperMaintainAspectRatio = input(true, { ...(ngDevMode ? { debugName: "cropperMaintainAspectRatio" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * When set to true, padding will be added around the image to make it fit to
      * the aspect ratio. Be aware that this transformation will cause the loaded
@@ -190,14 +206,15 @@ class SiPhotoUploadComponent {
      *
      * @defaultValue false
      */
-    cropperContainWithinAspectRatio = input(false, { ...(ngDevMode ? { debugName: "cropperContainWithinAspectRatio" } : {}), transform: booleanAttribute });
+    cropperContainWithinAspectRatio = input(false, { ...(ngDevMode ? { debugName: "cropperContainWithinAspectRatio" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The cropper´s width cannot be made smaller than this number of pixels
      * (relative to original image´s size). (0 = disabled).
      *
      * @defaultValue 50
      */
-    cropperMinWidth = input(50, ...(ngDevMode ? [{ debugName: "cropperMinWidth" }] : []));
+    cropperMinWidth = input(50, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperMinWidth" }] : /* istanbul ignore next */ []));
     /**
      * The cropper´s height cannot be made smaller than this number of pixels
      * (relative to original image´s size). Will be ignored if
@@ -205,21 +222,24 @@ class SiPhotoUploadComponent {
      *
      * @defaultValue 50
      */
-    cropperMinHeight = input(50, ...(ngDevMode ? [{ debugName: "cropperMinHeight" }] : []));
+    cropperMinHeight = input(50, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperMinHeight" }] : /* istanbul ignore next */ []));
     /**
      * The cropper´s width cannot be made bigger than this number of pixels.
      * Default is 0 (disabled).
      *
      * @defaultValue 0
      */
-    cropperMaxWidth = input(0, ...(ngDevMode ? [{ debugName: "cropperMaxWidth" }] : []));
+    cropperMaxWidth = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperMaxWidth" }] : /* istanbul ignore next */ []));
     /**
      * The cropper´s height cannot be made bigger than this number of pixels.
      * Default is 0 (disabled).
      *
      * @defaultValue 0
      */
-    cropperMaxHeight = input(0, ...(ngDevMode ? [{ debugName: "cropperMaxHeight" }] : []));
+    cropperMaxHeight = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cropperMaxHeight" }] : /* istanbul ignore next */ []));
     /**
      * Set this to true for a round cropper. Resulting image will still
      * be square, but visually clipped with a border-radius: 50% on the
@@ -227,45 +247,58 @@ class SiPhotoUploadComponent {
      *
      * @defaultValue true
      */
-    roundImage = input(true, { ...(ngDevMode ? { debugName: "roundImage" } : {}), transform: booleanAttribute });
+    roundImage = input(true, { ...(ngDevMode ? { debugName: "roundImage" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * 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
      * with base64 encoding.
      */
-    sourcePhoto = model(...(ngDevMode ? [undefined, { debugName: "sourcePhoto" }] : []));
+    sourcePhoto = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "sourcePhoto" }] : /* istanbul ignore next */ []));
     /**
      * URL to a photo to be used for cropping.
      */
-    sourcePhotoUrl = input(...(ngDevMode ? [undefined, { debugName: "sourcePhotoUrl" }] : []));
+    sourcePhotoUrl = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "sourcePhotoUrl" }] : /* istanbul ignore next */ []));
     /**
      * The photo to be displayed and edited (when not readonly).
      */
-    croppedPhoto = model(...(ngDevMode ? [undefined, { debugName: "croppedPhoto" }] : []));
-    editPhotoTemplate = viewChild.required('editPhotoTemplate');
-    fileInput = viewChild.required('fileInput');
-    imageCropper = viewChild('imageCropper', ...(ngDevMode ? [{ debugName: "imageCropper" }] : []));
+    croppedPhoto = model(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "croppedPhoto" }] : /* istanbul ignore next */ []));
+    editPhotoTemplate = viewChild.required('editPhotoTemplate', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editPhotoTemplate" }] : /* istanbul ignore next */ []));
+    fileInput = viewChild.required('fileInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []));
+    imageCropper = viewChild('imageCropper', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "imageCropper" }] : /* istanbul ignore next */ []));
     // used to label the dialog
     titleId = `__si-photo-upload-${SiPhotoUploadComponent.idCounter++}`;
     /**
      * The trusted photo url string which is used to display the photo.
      */
-    sanitizedPhotoUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "sanitizedPhotoUrl" }] : []));
+    sanitizedPhotoUrl = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sanitizedPhotoUrl" }] : /* istanbul ignore next */ []));
     /**
      * The appropriate error message displayed to the user. Might be
      * `uploadErrorWrongType` or `uploadErrorTooBig`.
      */
-    uploadErrorMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "uploadErrorMessage" }] : []));
-    editButtonText = computed(() => this.sanitizedPhotoUrl() ? this.changePhotoText() : this.uploadPhotoText(), ...(ngDevMode ? [{ debugName: "editButtonText" }] : []));
-    currentFileSizeKilobytes = signal(-1, ...(ngDevMode ? [{ debugName: "currentFileSizeKilobytes" }] : []));
-    currentFileSizeMegabytes = signal(-1, ...(ngDevMode ? [{ debugName: "currentFileSizeMegabytes" }] : []));
-    maxSizeMb = computed(() => this.maxFileSize() / 1024, ...(ngDevMode ? [{ debugName: "maxSizeMb" }] : []));
+    uploadErrorMessage = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "uploadErrorMessage" }] : /* istanbul ignore next */ []));
+    editButtonText = computed(() => this.sanitizedPhotoUrl() ? this.changePhotoText() : this.uploadPhotoText(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editButtonText" }] : /* istanbul ignore next */ []));
+    currentFileSizeKilobytes = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentFileSizeKilobytes" }] : /* istanbul ignore next */ []));
+    currentFileSizeMegabytes = signal(-1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentFileSizeMegabytes" }] : /* istanbul ignore next */ []));
+    maxSizeMb = computed(() => this.maxFileSize() / 1024, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxSizeMb" }] : /* istanbul ignore next */ []));
     /**
      * The photo instance to be used in the image cropper. We need a different
      * reference than `sourcePhoto` to support the cancel after uploading
      * a new photo. While `sourcePhoto` is A and image cropper uploads B,
      * we should not replace `sourcePhoto` A until user presses apply.
      */
-    imageCropperPhoto = signal(undefined, ...(ngDevMode ? [{ debugName: "imageCropperPhoto" }] : []));
+    imageCropperPhoto = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "imageCropperPhoto" }] : /* istanbul ignore next */ []));
     icons = addIcons({
         elementCancel,
         elementCircleFilled,
@@ -447,10 +480,10 @@ class SiPhotoUploadComponent {
         this.resetErrorMessage();
         this.sanitizedPhotoUrl.set(photo ? this.sanitizer.bypassSecurityTrustResourceUrl(photo) : undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiPhotoUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiPhotoUploadComponent, isStandalone: true, selector: "si-photo-upload", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabledCropping: { classPropertyName: "disabledCropping", publicName: "disabledCropping", isSignal: true, isRequired: false, transformFunction: null }, acceptedUploadFormats: { classPropertyName: "acceptedUploadFormats", publicName: "acceptedUploadFormats", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, uploadErrorWrongType: { classPropertyName: "uploadErrorWrongType", publicName: "uploadErrorWrongType", isSignal: true, isRequired: false, transformFunction: null }, uploadErrorTooBig: { classPropertyName: "uploadErrorTooBig", publicName: "uploadErrorTooBig", isSignal: true, isRequired: false, transformFunction: null }, photoAltText: { classPropertyName: "photoAltText", publicName: "photoAltText", isSignal: true, isRequired: false, transformFunction: null }, placeholderAltText: { classPropertyName: "placeholderAltText", publicName: "placeholderAltText", isSignal: true, isRequired: false, transformFunction: null }, changePhotoText: { classPropertyName: "changePhotoText", publicName: "changePhotoText", isSignal: true, isRequired: false, transformFunction: null }, cropperFrameAriaLabel: { classPropertyName: "cropperFrameAriaLabel", publicName: "cropperFrameAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, uploadPhotoText: { classPropertyName: "uploadPhotoText", publicName: "uploadPhotoText", isSignal: true, isRequired: false, transformFunction: null }, removePhotoText: { classPropertyName: "removePhotoText", publicName: "removePhotoText", isSignal: true, isRequired: false, transformFunction: null }, cancelEditText: { classPropertyName: "cancelEditText", publicName: "cancelEditText", isSignal: true, isRequired: false, transformFunction: null }, applyEditText: { classPropertyName: "applyEditText", publicName: "applyEditText", isSignal: true, isRequired: false, transformFunction: null }, modalHeader: { classPropertyName: "modalHeader", publicName: "modalHeader", isSignal: true, isRequired: false, transformFunction: null }, modalDescription: { classPropertyName: "modalDescription", publicName: "modalDescription", isSignal: true, isRequired: false, transformFunction: null }, cropperImageFormat: { classPropertyName: "cropperImageFormat", publicName: "cropperImageFormat", isSignal: true, isRequired: false, transformFunction: null }, cropperAspectRatio: { classPropertyName: "cropperAspectRatio", publicName: "cropperAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperMaintainAspectRatio: { classPropertyName: "cropperMaintainAspectRatio", publicName: "cropperMaintainAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperContainWithinAspectRatio: { classPropertyName: "cropperContainWithinAspectRatio", publicName: "cropperContainWithinAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperMinWidth: { classPropertyName: "cropperMinWidth", publicName: "cropperMinWidth", isSignal: true, isRequired: false, transformFunction: null }, cropperMinHeight: { classPropertyName: "cropperMinHeight", publicName: "cropperMinHeight", isSignal: true, isRequired: false, transformFunction: null }, cropperMaxWidth: { classPropertyName: "cropperMaxWidth", publicName: "cropperMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, cropperMaxHeight: { classPropertyName: "cropperMaxHeight", publicName: "cropperMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, roundImage: { classPropertyName: "roundImage", publicName: "roundImage", isSignal: true, isRequired: false, transformFunction: null }, sourcePhoto: { classPropertyName: "sourcePhoto", publicName: "sourcePhoto", isSignal: true, isRequired: false, transformFunction: null }, sourcePhotoUrl: { classPropertyName: "sourcePhotoUrl", publicName: "sourcePhotoUrl", isSignal: true, isRequired: false, transformFunction: null }, croppedPhoto: { classPropertyName: "croppedPhoto", publicName: "croppedPhoto", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourcePhoto: "sourcePhotoChange", croppedPhoto: "croppedPhotoChange" }, viewQueries: [{ propertyName: "editPhotoTemplate", first: true, predicate: ["editPhotoTemplate"], descendants: true, isSignal: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true, isSignal: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.SiAvatarBackgroundColorDirective, inputs: ["color", "color", "autoColor", "autoColor"] }], ngImport: i0, template: "<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", styles: [":host{--si-photo-upload-photo-width: 200px;--si-photo-upload-photo-height: 200px}.photo-upload{box-sizing:content-box;max-inline-size:var(--si-photo-upload-photo-width)}.photo-upload-photo,.photo-upload-placeholder{display:block;margin:auto;inline-size:var(--si-photo-upload-photo-width);max-inline-size:100%;block-size:var(--si-photo-upload-photo-height);object-fit:cover}.photo-upload-photo.round,.photo-upload-placeholder.round{border-radius:50%}.photo-upload-placeholder{background-color:var(--background);color:var(--element-ui-5);font-size:3rem;text-align:center;overflow:hidden;word-break:break-all;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiImageCropperStyleComponent, selector: "si-image-cropper-style" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SiPhotoUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SiPhotoUploadComponent, isStandalone: true, selector: "si-photo-upload", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabledCropping: { classPropertyName: "disabledCropping", publicName: "disabledCropping", isSignal: true, isRequired: false, transformFunction: null }, acceptedUploadFormats: { classPropertyName: "acceptedUploadFormats", publicName: "acceptedUploadFormats", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, uploadErrorWrongType: { classPropertyName: "uploadErrorWrongType", publicName: "uploadErrorWrongType", isSignal: true, isRequired: false, transformFunction: null }, uploadErrorTooBig: { classPropertyName: "uploadErrorTooBig", publicName: "uploadErrorTooBig", isSignal: true, isRequired: false, transformFunction: null }, photoAltText: { classPropertyName: "photoAltText", publicName: "photoAltText", isSignal: true, isRequired: false, transformFunction: null }, placeholderAltText: { classPropertyName: "placeholderAltText", publicName: "placeholderAltText", isSignal: true, isRequired: false, transformFunction: null }, changePhotoText: { classPropertyName: "changePhotoText", publicName: "changePhotoText", isSignal: true, isRequired: false, transformFunction: null }, cropperFrameAriaLabel: { classPropertyName: "cropperFrameAriaLabel", publicName: "cropperFrameAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, uploadPhotoText: { classPropertyName: "uploadPhotoText", publicName: "uploadPhotoText", isSignal: true, isRequired: false, transformFunction: null }, removePhotoText: { classPropertyName: "removePhotoText", publicName: "removePhotoText", isSignal: true, isRequired: false, transformFunction: null }, cancelEditText: { classPropertyName: "cancelEditText", publicName: "cancelEditText", isSignal: true, isRequired: false, transformFunction: null }, applyEditText: { classPropertyName: "applyEditText", publicName: "applyEditText", isSignal: true, isRequired: false, transformFunction: null }, modalHeader: { classPropertyName: "modalHeader", publicName: "modalHeader", isSignal: true, isRequired: false, transformFunction: null }, modalDescription: { classPropertyName: "modalDescription", publicName: "modalDescription", isSignal: true, isRequired: false, transformFunction: null }, cropperImageFormat: { classPropertyName: "cropperImageFormat", publicName: "cropperImageFormat", isSignal: true, isRequired: false, transformFunction: null }, cropperAspectRatio: { classPropertyName: "cropperAspectRatio", publicName: "cropperAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperMaintainAspectRatio: { classPropertyName: "cropperMaintainAspectRatio", publicName: "cropperMaintainAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperContainWithinAspectRatio: { classPropertyName: "cropperContainWithinAspectRatio", publicName: "cropperContainWithinAspectRatio", isSignal: true, isRequired: false, transformFunction: null }, cropperMinWidth: { classPropertyName: "cropperMinWidth", publicName: "cropperMinWidth", isSignal: true, isRequired: false, transformFunction: null }, cropperMinHeight: { classPropertyName: "cropperMinHeight", publicName: "cropperMinHeight", isSignal: true, isRequired: false, transformFunction: null }, cropperMaxWidth: { classPropertyName: "cropperMaxWidth", publicName: "cropperMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, cropperMaxHeight: { classPropertyName: "cropperMaxHeight", publicName: "cropperMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, roundImage: { classPropertyName: "roundImage", publicName: "roundImage", isSignal: true, isRequired: false, transformFunction: null }, sourcePhoto: { classPropertyName: "sourcePhoto", publicName: "sourcePhoto", isSignal: true, isRequired: false, transformFunction: null }, sourcePhotoUrl: { classPropertyName: "sourcePhotoUrl", publicName: "sourcePhotoUrl", isSignal: true, isRequired: false, transformFunction: null }, croppedPhoto: { classPropertyName: "croppedPhoto", publicName: "croppedPhoto", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourcePhoto: "sourcePhotoChange", croppedPhoto: "croppedPhotoChange" }, viewQueries: [{ propertyName: "editPhotoTemplate", first: true, predicate: ["editPhotoTemplate"], descendants: true, isSignal: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }, { propertyName: "imageCropper", first: true, predicate: ["imageCropper"], descendants: true, isSignal: true }], usesOnChanges: true, hostDirectives: [{ directive: i1.SiAvatarBackgroundColorDirective, inputs: ["color", "color", "autoColor", "autoColor"] }], ngImport: i0, template: "<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", styles: [":host{--si-photo-upload-photo-width: 200px;--si-photo-upload-photo-height: 200px}.photo-upload{box-sizing:content-box;max-inline-size:var(--si-photo-upload-photo-width)}.photo-upload-photo,.photo-upload-placeholder{display:block;margin:auto;inline-size:var(--si-photo-upload-photo-width);max-inline-size:100%;block-size:var(--si-photo-upload-photo-height);object-fit:cover}.photo-upload-photo.round,.photo-upload-placeholder.round{border-radius:50%}.photo-upload-placeholder{background-color:var(--background);color:var(--element-ui-5);font-size:3rem;text-align:center;overflow:hidden;word-break:break-all;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ImageCropperComponent, selector: "image-cropper", inputs: ["imageChangedEvent", "imageURL", "imageBase64", "imageFile", "imageAltText", "options", "cropperFrameAriaLabel", "output", "format", "autoCrop", "cropper", "transform", "maintainAspectRatio", "aspectRatio", "resetCropOnAspectRatioChange", "resizeToWidth", "resizeToHeight", "cropperMinWidth", "cropperMinHeight", "cropperMaxHeight", "cropperMaxWidth", "cropperStaticWidth", "cropperStaticHeight", "canvasRotation", "initialStepSize", "roundCropper", "onlyScaleDown", "imageQuality", "backgroundColor", "containWithinAspectRatio", "hideResizeSquares", "allowMoveImage", "checkImageType", "alignImage", "disabled", "hidden"], outputs: ["imageCropped", "startCropImage", "imageLoaded", "cropperReady", "loadImageFailed", "transformChange", "cropperChange"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiImageCropperStyleComponent, selector: "si-image-cropper-style" }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiPhotoUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SiPhotoUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-photo-upload', imports: [
                         NgTemplateOutlet,
@@ -458,7 +491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         SiIconComponent,
                         SiImageCropperStyleComponent,
                         SiTranslatePipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                    ], hostDirectives: [
                         {
                             directive: SiAvatarBackgroundColorDirective,
                             inputs: ['color', 'autoColor']