@siemens/element-ng 47.3.0 → 47.5.0

package/fesm2022/siemens-element-ng-password-strength.mjs

@@ -51,30 +51,36 @@ class SiPasswordStrengthDirective {
     passwordStrengthChanged = output();
     /** @internal */
     validate(control) {
-        if (this.getStrength(control.value) >= this.maxStrength()) {
+        const strength = this.getStrength(control.value);
+        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+        const requiredStrength = this.siPasswordStrength().minRequiredPolicies || this.maxStrength();
+        if (strength.length && strength.strength >= requiredStrength) {
             return {};
         }
         return { siPasswordStrength: true };
     }
     getStrength(password) {
+        const policy = this.siPasswordStrength();
+        if (!password) {
+            this.noValidation = false;
+            this.passwordStrengthChanged.emit();
+            return { length: false, strength: 0 };
+        }
         let strength = 0;
-        if (password && password !== '') {
-            // Strength check
-            strength += password.length >= this.siPasswordStrength().minLength ? 1 : 0;
-            strength += this.siPasswordStrength().uppercase && password.match(RE_UPPER_CASE) ? 1 : 0;
-            strength += this.siPasswordStrength().lowercase && password.match(RE_LOWER_CASE) ? 1 : 0;
-            strength += this.siPasswordStrength().digits && password.match(RE_DIGITS) ? 1 : 0;
-            strength += this.siPasswordStrength().special && password.match(RE_SPECIAL_CHARS) ? 1 : 0;
-            // Hard limit check
+        // Strength check
+        const length = password.length >= policy.minLength;
+        strength += length ? 1 : 0;
+        strength += policy.uppercase && password.match(RE_UPPER_CASE) ? 1 : 0;
+        strength += policy.lowercase && password.match(RE_LOWER_CASE) ? 1 : 0;
+        strength += policy.digits && password.match(RE_DIGITS) ? 1 : 0;
+        strength += policy.special && password.match(RE_SPECIAL_CHARS) ? 1 : 0;
+        if (policy.allowWhitespace !== true) {
             strength = password.match(RE_WHITESPACES) ? 0 : strength;
-            this.noValidation = true;
-            // Notify listeners
-            this.passwordStrengthChanged.emit(strength - this.maxStrength());
-            return strength;
         }
-        this.noValidation = false;
-        this.passwordStrengthChanged.emit();
-        return strength;
+        this.noValidation = true;
+        // Notify listeners
+        this.passwordStrengthChanged.emit(strength - this.maxStrength());
+        return { length, strength };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiPasswordStrengthDirective, isStandalone: true, selector: "[siPasswordStrength]", inputs: { siPasswordStrength: { classPropertyName: "siPasswordStrength", publicName: "siPasswordStrength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { passwordStrengthChanged: "passwordStrengthChanged" }, host: { properties: { "class.no-validation": "noValidation" } }, providers: [{ provide: NG_VALIDATORS, useExisting: SiPasswordStrengthDirective, multi: true }], ngImport: i0 });

package/fesm2022/siemens-element-ng-password-strength.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-password-strength.mjs","sources":["../../../../projects/element-ng/password-strength/si-password-strength.directive.ts","../../../../projects/element-ng/password-strength/si-password-strength.component.ts","../../../../projects/element-ng/password-strength/si-password-strength.module.ts","../../../../projects/element-ng/password-strength/index.ts","../../../../projects/element-ng/password-strength/siemens-element-ng-password-strength.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { computed, Directive, input, output } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\n\nconst RE_UPPER_CASE = /[A-Z]/;\nconst RE_LOWER_CASE = /[a-z]/;\nconst RE_DIGITS = /[0-9]/;\nconst RE_SPECIAL_CHARS = /[\\x21-\\x2F|\\x3A-\\x40|\\x5B-\\x60]/;\nconst RE_WHITESPACES = /\\s/;\n\nexport interface PasswordPolicy {\n  /**\n   * Define minimal number of characters.\n   */\n  minLength: number;\n  /**\n   * Define if uppercase characters are required in password.\n   */\n  uppercase: boolean;\n  /**\n   * Define if lowercase characters are required in password.\n   */\n  lowercase: boolean;\n  /**\n   * Define if digits are required in password.\n   */\n  digits: boolean;\n  /**\n   * Define if special characters are required in password.\n   */\n  special: boolean;\n}\n\n@Directive({\n  selector: '[siPasswordStrength]',\n  providers: [{ provide: NG_VALIDATORS, useExisting: SiPasswordStrengthDirective, multi: true }],\n  host: {\n    '[class.no-validation]': 'noValidation'\n  }\n})\nexport class SiPasswordStrengthDirective implements Validator {\n  private readonly maxStrength = computed(() => {\n    const strength = this.siPasswordStrength();\n    return (\n      1 +\n      (strength.uppercase ? 1 : 0) +\n      (strength.lowercase ? 1 : 0) +\n      (strength.digits ? 1 : 0) +\n      (strength.special ? 1 : 0)\n    );\n  });\n\n  protected noValidation = false;\n\n  /**\n   * Define Siemens password strength.\n   *\n   * @defaultValue\n   * ```\n   * {\n   *     minLength: 8,\n   *     uppercase: true,\n   *     lowercase: true,\n   *     digits: true,\n   *     special: true\n   *   }\n   * ```\n   */\n  readonly siPasswordStrength = input<PasswordPolicy>({\n    minLength: 8,\n    uppercase: true,\n    lowercase: true,\n    digits: true,\n    special: true\n  });\n\n  /**\n   * Output callback event called when the password changes. The number\n   * indicated the number of rules which still can be met. (`-2` --\\> 2 rules are\n   * still unmet, `0` --\\> all met)\n   */\n  readonly passwordStrengthChanged = output<number | void>();\n\n  /** @internal */\n  validate(control: AbstractControl): ValidationErrors {\n    if (this.getStrength(control.value) >= this.maxStrength()) {\n      return {};\n    }\n    return { siPasswordStrength: true };\n  }\n\n  private getStrength(password: string): number {\n    let strength = 0;\n    if (password && password !== '') {\n      // Strength check\n      strength += password.length >= this.siPasswordStrength().minLength ? 1 : 0;\n      strength += this.siPasswordStrength().uppercase && password.match(RE_UPPER_CASE) ? 1 : 0;\n      strength += this.siPasswordStrength().lowercase && password.match(RE_LOWER_CASE) ? 1 : 0;\n      strength += this.siPasswordStrength().digits && password.match(RE_DIGITS) ? 1 : 0;\n      strength += this.siPasswordStrength().special && password.match(RE_SPECIAL_CHARS) ? 1 : 0;\n      // Hard limit check\n      strength = password.match(RE_WHITESPACES) ? 0 : strength;\n      this.noValidation = true;\n      // Notify listeners\n      this.passwordStrengthChanged.emit(strength - this.maxStrength());\n      return strength;\n    }\n    this.noValidation = false;\n    this.passwordStrengthChanged.emit();\n    return strength;\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterViewInit,\n  Component,\n  contentChildren,\n  ElementRef,\n  inject,\n  input,\n  signal\n} from '@angular/core';\nimport { SiPasswordToggleComponent } from '@siemens/element-ng/password-toggle';\n\nimport { SiPasswordStrengthDirective } from './si-password-strength.directive';\n\n@Component({\n  selector: 'si-password-strength',\n  template: `\n    <si-password-toggle [showVisibilityIcon]=\"showVisibilityIcon()\" (typeChange)=\"toggle($event)\">\n      <ng-content />\n    </si-password-toggle>\n  `,\n  styleUrl: './si-password-strength.component.scss',\n  imports: [SiPasswordToggleComponent],\n  host: {\n    '[class.bad]': 'bad()',\n    '[class.weak]': 'weak()',\n    '[class.medium]': 'medium()',\n    '[class.good]': 'good()',\n    '[class.strong]': 'strong()'\n  }\n})\nexport class SiPasswordStrengthComponent implements AfterViewInit {\n  /**\n   * Whether to show the visibility toggle icon.\n   *\n   * @defaultValue true\n   */\n  readonly showVisibilityIcon = input(true);\n\n  private readonly passwordStrengthDirective = contentChildren(SiPasswordStrengthDirective);\n  private elRef = inject(ElementRef);\n\n  protected readonly bad = signal(false);\n  protected readonly weak = signal(false);\n  protected readonly medium = signal(false);\n  protected readonly good = signal(false);\n  protected readonly strong = signal(false);\n\n  protected toggle(type: string): void {\n    const inputEl = this.elRef.nativeElement.querySelector('input');\n    if (inputEl) {\n      inputEl.type = type;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.passwordStrengthDirective().forEach(directive => {\n      directive.passwordStrengthChanged.subscribe((strength: number | void) => {\n        this.strong.set(strength === 0);\n        this.good.set(strength === -1);\n        this.medium.set(strength === -2);\n        this.weak.set(strength === -3);\n        this.bad.set(strength === -4);\n      });\n    });\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPasswordStrengthComponent } from './si-password-strength.component';\nimport { SiPasswordStrengthDirective } from './si-password-strength.directive';\n\n@NgModule({\n  imports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective],\n  exports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective]\n})\nexport class SiPasswordStrengthModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-password-strength.component';\nexport * from './si-password-strength.directive';\nexport * from './si-password-strength.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-password-strength.mjs","sources":["../../../../projects/element-ng/password-strength/si-password-strength.directive.ts","../../../../projects/element-ng/password-strength/si-password-strength.component.ts","../../../../projects/element-ng/password-strength/si-password-strength.module.ts","../../../../projects/element-ng/password-strength/index.ts","../../../../projects/element-ng/password-strength/siemens-element-ng-password-strength.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { computed, Directive, input, output } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\n\nconst RE_UPPER_CASE = /[A-Z]/;\nconst RE_LOWER_CASE = /[a-z]/;\nconst RE_DIGITS = /[0-9]/;\nconst RE_SPECIAL_CHARS = /[\\x21-\\x2F|\\x3A-\\x40|\\x5B-\\x60]/;\nconst RE_WHITESPACES = /\\s/;\n\nexport interface PasswordPolicy {\n  /**\n   * Define minimal number of characters.\n   */\n  minLength: number;\n  /**\n   * Define if uppercase characters are required in password.\n   */\n  uppercase: boolean;\n  /**\n   * Define if lowercase characters are required in password.\n   */\n  lowercase: boolean;\n  /**\n   * Define if digits are required in password.\n   */\n  digits: boolean;\n  /**\n   * Define if special characters are required in password.\n   */\n  special: boolean;\n  /**\n   * Whether to allow whitespaces. By default whitespaces are not allowed.\n   */\n  allowWhitespace?: boolean;\n  /**\n   * Minimum required policies for valid password. When set to a number greater than 0,\n   * defines the number of policies that must be met for the password to be valid.\n   * E.g. when set to 3 and the policies uppercase/lowercase/digits/special are all set\n   * and the password contains 3 out of these four, the password will be valid.\n   */\n  minRequiredPolicies?: number;\n}\n\ninterface StrengthCheck {\n  length: boolean;\n  strength: number;\n}\n\n@Directive({\n  selector: '[siPasswordStrength]',\n  providers: [{ provide: NG_VALIDATORS, useExisting: SiPasswordStrengthDirective, multi: true }],\n  host: {\n    '[class.no-validation]': 'noValidation'\n  }\n})\nexport class SiPasswordStrengthDirective implements Validator {\n  private readonly maxStrength = computed(() => {\n    const strength = this.siPasswordStrength();\n    return (\n      1 +\n      (strength.uppercase ? 1 : 0) +\n      (strength.lowercase ? 1 : 0) +\n      (strength.digits ? 1 : 0) +\n      (strength.special ? 1 : 0)\n    );\n  });\n\n  protected noValidation = false;\n\n  /**\n   * Define Siemens password strength.\n   *\n   * @defaultValue\n   * ```\n   * {\n   *     minLength: 8,\n   *     uppercase: true,\n   *     lowercase: true,\n   *     digits: true,\n   *     special: true\n   *   }\n   * ```\n   */\n  readonly siPasswordStrength = input<PasswordPolicy>({\n    minLength: 8,\n    uppercase: true,\n    lowercase: true,\n    digits: true,\n    special: true\n  });\n\n  /**\n   * Output callback event called when the password changes. The number\n   * indicated the number of rules which still can be met. (`-2` --\\> 2 rules are\n   * still unmet, `0` --\\> all met)\n   */\n  readonly passwordStrengthChanged = output<number | void>();\n\n  /** @internal */\n  validate(control: AbstractControl): ValidationErrors {\n    const strength = this.getStrength(control.value);\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n    const requiredStrength = this.siPasswordStrength().minRequiredPolicies || this.maxStrength();\n    if (strength.length && strength.strength >= requiredStrength) {\n      return {};\n    }\n    return { siPasswordStrength: true };\n  }\n\n  private getStrength(password: string): StrengthCheck {\n    const policy = this.siPasswordStrength();\n    if (!password) {\n      this.noValidation = false;\n      this.passwordStrengthChanged.emit();\n      return { length: false, strength: 0 };\n    }\n\n    let strength = 0;\n    // Strength check\n    const length = password.length >= policy.minLength;\n    strength += length ? 1 : 0;\n    strength += policy.uppercase && password.match(RE_UPPER_CASE) ? 1 : 0;\n    strength += policy.lowercase && password.match(RE_LOWER_CASE) ? 1 : 0;\n    strength += policy.digits && password.match(RE_DIGITS) ? 1 : 0;\n    strength += policy.special && password.match(RE_SPECIAL_CHARS) ? 1 : 0;\n    if (policy.allowWhitespace !== true) {\n      strength = password.match(RE_WHITESPACES) ? 0 : strength;\n    }\n    this.noValidation = true;\n    // Notify listeners\n    this.passwordStrengthChanged.emit(strength - this.maxStrength());\n    return { length, strength };\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  AfterViewInit,\n  Component,\n  contentChildren,\n  ElementRef,\n  inject,\n  input,\n  signal\n} from '@angular/core';\nimport { SiPasswordToggleComponent } from '@siemens/element-ng/password-toggle';\n\nimport { SiPasswordStrengthDirective } from './si-password-strength.directive';\n\n@Component({\n  selector: 'si-password-strength',\n  template: `\n    <si-password-toggle [showVisibilityIcon]=\"showVisibilityIcon()\" (typeChange)=\"toggle($event)\">\n      <ng-content />\n    </si-password-toggle>\n  `,\n  styleUrl: './si-password-strength.component.scss',\n  imports: [SiPasswordToggleComponent],\n  host: {\n    '[class.bad]': 'bad()',\n    '[class.weak]': 'weak()',\n    '[class.medium]': 'medium()',\n    '[class.good]': 'good()',\n    '[class.strong]': 'strong()'\n  }\n})\nexport class SiPasswordStrengthComponent implements AfterViewInit {\n  /**\n   * Whether to show the visibility toggle icon.\n   *\n   * @defaultValue true\n   */\n  readonly showVisibilityIcon = input(true);\n\n  private readonly passwordStrengthDirective = contentChildren(SiPasswordStrengthDirective);\n  private elRef = inject(ElementRef);\n\n  protected readonly bad = signal(false);\n  protected readonly weak = signal(false);\n  protected readonly medium = signal(false);\n  protected readonly good = signal(false);\n  protected readonly strong = signal(false);\n\n  protected toggle(type: string): void {\n    const inputEl = this.elRef.nativeElement.querySelector('input');\n    if (inputEl) {\n      inputEl.type = type;\n    }\n  }\n\n  ngAfterViewInit(): void {\n    this.passwordStrengthDirective().forEach(directive => {\n      directive.passwordStrengthChanged.subscribe((strength: number | void) => {\n        this.strong.set(strength === 0);\n        this.good.set(strength === -1);\n        this.medium.set(strength === -2);\n        this.weak.set(strength === -3);\n        this.bad.set(strength === -4);\n      });\n    });\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPasswordStrengthComponent } from './si-password-strength.component';\nimport { SiPasswordStrengthDirective } from './si-password-strength.directive';\n\n@NgModule({\n  imports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective],\n  exports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective]\n})\nexport class SiPasswordStrengthModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-password-strength.component';\nexport * from './si-password-strength.directive';\nexport * from './si-password-strength.module';\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-phone-number.mjs

@@ -0,0 +1,426 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, ChangeDetectorRef, ElementRef, input, model, booleanAttribute, output, viewChild, signal, computed, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
+import { NgClass } from '@angular/common';
+import { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SI_FORM_ITEM_CONTROL } from '@siemens/element-ng/form';
+import { addIcons, elementDown2, SiIconNextComponent } from '@siemens/element-ng/icon';
+import * as i1 from '@siemens/element-ng/select';
+import { SiSelectComplexOptionsDirective, SiSelectSingleValueDirective, SiSelectListHasFilterComponent } from '@siemens/element-ng/select';
+import * as i1$1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateService, SiTranslateModule } from '@siemens/element-translate-ng/translate';
+import { PhoneNumberUtil, PhoneNumberFormat } from 'google-libphonenumber';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * This directive provides the si-select options and value strategy for the phone number input.
+ * As we don't use si-select directly, we need to provide these strategies manually.
+ */
+class SiPhoneNumberInputSelectDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiPhoneNumberInputSelectDirective, isStandalone: true, selector: "[siPhoneNumberInputSelect]", hostDirectives: [{ directive: i1.SiSelectComplexOptionsDirective, inputs: ["complexOptions", "complexOptions", "valueProvider", "valueProvider"] }, { directive: i1.SiSelectSingleValueDirective, inputs: ["value", "value"], outputs: ["valueChange", "valueChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputSelectDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPhoneNumberInputSelect]',
+                    hostDirectives: [
+                        {
+                            directive: SiSelectComplexOptionsDirective,
+                            inputs: ['complexOptions', 'valueProvider']
+                        },
+                        { directive: SiSelectSingleValueDirective, inputs: ['value'], outputs: ['valueChange'] }
+                    ]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPhoneNumberInputComponent {
+    static idCounter = 0;
+    phoneUtil = PhoneNumberUtil.getInstance();
+    translate = inject(SiTranslateService);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    elementRef = inject(ElementRef);
+    /**
+     * Unique identifier.
+     *
+     * @defaultValue
+     * ```
+     * `__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`
+     * ```
+     */
+    id = input(`__si-phone-number-input-${SiPhoneNumberInputComponent.idCounter++}`);
+    /**
+     * ISO_3166-2 Code of the selected country.
+     */
+    country = model();
+    /**
+     * ISO_3166-2 Code of the country which shall be used on form-control reset.
+     */
+    defaultCountry = input();
+    /**
+     * Placeholder text for country search input.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`
+     * ```
+     */
+    placeholderForSearch = input($localize `:@@SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER:Search`);
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`
+     * ```
+     */
+    searchNoResultsFoundLabel = input($localize `:@@SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND:No results found`);
+    /**
+     * Text for the country dropdown aria-label attribute.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`
+     * ```
+     */
+    selectCountryAriaLabel = input($localize `:@@SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY:Select country`);
+    /**
+     * Text for the phone number input aria-label attribute.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`
+     * ```
+     */
+    phoneNumberAriaLabel = input($localize `:@@SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL:Enter phone number`);
+    /**
+     * List of countries in ISO2 format, from which the user is allowed to select one.
+     * If no values are provided, the dropdown will show all known countries.
+     */
+    supportedCountries = input();
+    /**
+     * @defaultValue
+     * ```
+     * `${this.id()}-label`
+     * ```
+     */
+    labelledby = input(`${this.id()}-label`);
+    /** @defaultValue false */
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });
+    /** @defaultValue false */
+    readonly = input(false, { transform: booleanAttribute });
+    valueChange = output();
+    /** @internal */
+    errormessageId = `${this.id()}-errormessage`;
+    phoneInput = viewChild.required('phoneInput');
+    selectedCountry;
+    placeholder = '';
+    countryFocused = signal(false);
+    open = false;
+    overlayWidth = 0;
+    disabled = computed(() => this.disabledInput() || this.disabledNgControl());
+    countryList = computed(() => {
+        const countries = this.allowedCountries() ?? this.phoneUtil.getSupportedRegions();
+        return countries
+            .map((country) => ({
+            name: this.getCountryName(country),
+            countryCode: this.phoneUtil.getCountryCodeForRegion(country),
+            isoCode: country
+        }))
+            .sort((a, b) => a.name.localeCompare(b.name));
+    });
+    icons = addIcons({ elementDown2 });
+    allowedCountries = computed(() => this.supportedCountries() ?? this.phoneUtil.getSupportedRegions());
+    disabledNgControl = signal(false);
+    isValidNumber = true;
+    phoneNumber;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnChanges(changes) {
+        if (changes.country) {
+            this.writeCountry();
+        }
+    }
+    /** @internal */
+    writeValue(value) {
+        this.phoneNumber = this.parseNumber(value);
+        if (this.phoneNumber) {
+            this.writeValueToInput();
+            this.country.set(this.getRegionCode());
+        }
+        else {
+            // Number could not be parsed, write raw value instead to handle cases like undefined
+            this.writeTextToInput(value);
+            this.country.set(this.defaultCountry() ?? this.country());
+        }
+        this.writeCountry();
+        this.changeDetectorRef.markForCheck();
+    }
+    /** @internal */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /** @internal */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /** @internal */
+    setDisabledState(isDisabled) {
+        this.disabledNgControl.set(isDisabled);
+    }
+    /** @internal */
+    validate(control) {
+        if (!this.phoneInput().nativeElement.value) {
+            return null;
+        }
+        this.isValidNumber = false;
+        if (!this.phoneNumber || !this.phoneUtil.isValidNumber(this.phoneNumber)) {
+            return {
+                invalidPhoneNumberFormat: true
+            };
+        }
+        if (!this.countryList().some(c => c.isoCode === this.selectedCountry.isoCode)) {
+            return {
+                notSupportedPhoneNumberCountry: true
+            };
+        }
+        this.isValidNumber = true;
+        return null;
+    }
+    input() {
+        const rawNumber = this.phoneInput().nativeElement.value;
+        this.phoneNumber = this.parseNumber(rawNumber);
+        if (this.phoneNumber) {
+            const regionCode = this.getRegionCode();
+            let countryInfo = this.countryList().find(country => regionCode === country.isoCode);
+            if (!countryInfo && regionCode) {
+                countryInfo = {
+                    name: this.getCountryName(regionCode),
+                    countryCode: this.phoneNumber.getCountryCode(),
+                    isoCode: regionCode
+                };
+            }
+            if (countryInfo && this.selectedCountry?.isoCode !== countryInfo.isoCode) {
+                this.selectedCountry = countryInfo;
+            }
+        }
+        else if (rawNumber.trim().startsWith('+')) {
+            this.selectedCountry = undefined;
+        }
+        this.handleChange();
+    }
+    blur() {
+        this.countryFocused.set(false);
+        this.onTouched();
+        this.writeValueToInput();
+        this.valueChange.emit({
+            country: this.selectedCountry,
+            phoneNumber: this.formatPhoneNumber(PhoneNumberFormat.INTERNATIONAL),
+            isValid: this.isValidNumber
+        });
+    }
+    countryInput(num) {
+        this.selectedCountry = num;
+        this.updatePlaceholder();
+        this.refreshValueAfterCountryChange();
+        this.handleChange();
+    }
+    openOverlay() {
+        if (!this.readonly()) {
+            this.open = true;
+            this.overlayWidth = this.elementRef.nativeElement.getBoundingClientRect().width + 2; // 2px border
+        }
+    }
+    overlayDetach() {
+        this.open = false;
+        this.phoneInput().nativeElement.focus();
+    }
+    valueProvider(country) {
+        return `${country.name} +${country.countryCode}`;
+    }
+    writeCountry() {
+        const currentCountry = this.country();
+        this.selectedCountry = this.countryList().find(country => country.isoCode === currentCountry);
+        if (!this.selectedCountry) {
+            const countryCode = this.phoneUtil.getCountryCodeForRegion(currentCountry ?? this.defaultCountry() ?? 'XX');
+            if (countryCode) {
+                this.selectedCountry = {
+                    isoCode: currentCountry,
+                    countryCode,
+                    name: this.getCountryName(currentCountry)
+                };
+            }
+        }
+        this.updatePlaceholder();
+        this.refreshValueAfterCountryChange();
+    }
+    getCountryName(countryCode) {
+        // This auto translates the given country name to the selected locale language
+        return (new Intl.DisplayNames([this.translate.currentLanguage], { type: 'region' }).of(countryCode.toUpperCase()) ?? '');
+    }
+    updatePlaceholder() {
+        if (this.selectedCountry) {
+            this.placeholder = this.phoneUtil
+                .format(this.phoneUtil.getExampleNumber(this.selectedCountry.isoCode), PhoneNumberFormat.NATIONAL)
+                .replace(/^0/, '');
+        }
+    }
+    parseNumber(rawNumber) {
+        try {
+            let regionCodeForParsing;
+            if (!rawNumber?.trim().startsWith('+')) {
+                regionCodeForParsing = this.selectedCountry?.isoCode;
+            }
+            return this.phoneUtil.parse(rawNumber, regionCodeForParsing);
+        }
+        catch (e) {
+            // The Number is too short, we cannot parse it yet. Error can be ignored. Hopefully, the user enters more digits.
+            return;
+        }
+    }
+    /**
+     * PhoneUtil does not resolve country code early enough when the national prefix is shared among other countries (+1 and +44).
+     * This Method fakes a complete number to force PhoneUtil returning a proper region code.
+     */
+    getRegionCode() {
+        if (this.phoneNumber) {
+            const regionCode = this.phoneUtil.getRegionCodeForNumber(this.phoneNumber);
+            if (regionCode) {
+                return regionCode;
+            }
+            const nationalNumber = this.phoneNumber.getNationalNumber() + '';
+            if (
+            // USA, CANADA, ...
+            (this.phoneNumber.getCountryCode() === 1 && nationalNumber.length >= 3) ||
+                // UK, ...
+                (this.phoneNumber.getCountryCode() === 44 && nationalNumber.length >= 4)) {
+                return this.phoneUtil.getRegionCodeForNumber(this.phoneUtil.parse('+' +
+                    this.phoneNumber.getCountryCode() +
+                    nationalNumber +
+                    new Array(10 - nationalNumber.length).fill(5).join('')));
+            }
+            return this.phoneUtil.getRegionCodeForCountryCode(this.phoneNumber.getCountryCode());
+        }
+        return undefined;
+    }
+    formatPhoneNumber(format) {
+        if (this.phoneNumber) {
+            return this.phoneUtil.format(this.phoneNumber, format);
+        }
+        return undefined;
+    }
+    handleChange() {
+        if (this.selectedCountry && this.country() !== this.selectedCountry?.isoCode) {
+            this.country.set(this.selectedCountry?.isoCode);
+        }
+        if (this.phoneNumber) {
+            this.onChange(this.formatPhoneNumber(PhoneNumberFormat.INTERNATIONAL));
+        }
+        else {
+            this.onChange('');
+        }
+    }
+    writeTextToInput(value) {
+        this.phoneInput().nativeElement.value = value ?? '';
+    }
+    /**
+     * Format and update input text or clear input text if the input value is undefined.
+     */
+    writeValueToInput() {
+        if (this.phoneNumber) {
+            this.writeTextToInput(this.formatPhoneNumber(PhoneNumberFormat.NATIONAL).replace(/^0/, ''));
+        }
+    }
+    refreshValueAfterCountryChange() {
+        if (this.selectedCountry) {
+            this.phoneNumber?.setCountryCode(this.selectedCountry?.countryCode);
+            this.writeValueToInput();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiPhoneNumberInputComponent, isStandalone: true, selector: "si-phone-number-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: false, transformFunction: null }, defaultCountry: { classPropertyName: "defaultCountry", publicName: "defaultCountry", isSignal: true, isRequired: false, transformFunction: null }, placeholderForSearch: { classPropertyName: "placeholderForSearch", publicName: "placeholderForSearch", isSignal: true, isRequired: false, transformFunction: null }, searchNoResultsFoundLabel: { classPropertyName: "searchNoResultsFoundLabel", publicName: "searchNoResultsFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, selectCountryAriaLabel: { classPropertyName: "selectCountryAriaLabel", publicName: "selectCountryAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, phoneNumberAriaLabel: { classPropertyName: "phoneNumberAriaLabel", publicName: "phoneNumberAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, supportedCountries: { classPropertyName: "supportedCountries", publicName: "supportedCountries", isSignal: true, isRequired: false, transformFunction: null }, labelledby: { classPropertyName: "labelledby", publicName: "labelledby", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { country: "countryChange", valueChange: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.aria-labelledby": "labelledby()", "attr.id": "id()", "class.disabled": "disabled()", "class.readonly": "readonly()", "class.country-focus": "countryFocused()" } }, providers: [
+            {
+                provide: NG_VALIDATORS,
+                useExisting: SiPhoneNumberInputComponent,
+                multi: true
+            },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: SiPhoneNumberInputComponent,
+                multi: true
+            },
+            {
+                provide: SI_FORM_ITEM_CONTROL,
+                useExisting: SiPhoneNumberInputComponent
+            }
+        ], viewQueries: [{ propertyName: "phoneInput", first: true, predicate: ["phoneInput"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<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    [complexOptions]=\"countryList()\"\n    [value]=\"selectedCountry\"\n    [valueProvider]=\"valueProvider\"\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      class=\"fi\"\n      aria-hidden=\"true\"\n      [ngClass]=\"'fi-' + (selectedCountry?.isoCode?.toLowerCase() ?? 'xx')\"\n    ></span>\n    @if (selectedCountry) {\n      <span class=\"si-body-2 ms-4\" [id]=\"id() + '-value'\">\n        <span class=\"visually-hidden\">{{ selectedCountry.name }}</span>\n        +{{ selectedCountry.countryCode }}\n      </span>\n    }\n    <si-icon-next 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      [cdkConnectedOverlayWidth]=\"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 class=\"fi me-5\" [ngClass]=\"'fi-' + option.value.isoCode.toLowerCase()\"></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", styles: [":host:focus-within:not(.country-focus){outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}.search-country{display:inline-block;margin-block-start:8px;margin-block-end:8px;margin-inline:8px;inline-size:calc(100% - 16px)}.disabled{pointer-events:none}.disabled,.disabled:hover,.disabled:focus{--border-color: var(--element-ui-3);color:var(--element-text-disabled)}.dropdown-toggle{border-radius:var(--element-input-radius);min-inline-size:auto!important;background:transparent}.dropdown-toggle .fi.fi-xx{background-image:none;background-color:var(--element-text-disabled)}.dropdown-toggle:disabled{opacity:var(--element-action-disabled-opacity)}.dropdown-toggle.readonly{cursor:default}.phone-number{background-color:transparent;inline-size:inherit}.phone-number:disabled,.phone-number[readonly]{opacity:1}.phone-number:disabled{color:var(--element-text-disabled)}.phone-number:disabled::placeholder{color:transparent}.phone-number::placeholder{color:var(--element-text-secondary)}\n"], dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "directive", type: SiPhoneNumberInputSelectDirective, selector: "[siPhoneNumberInputSelect]" }, { kind: "component", type: SiSelectListHasFilterComponent, selector: "si-select-list-has-filter", inputs: ["filterPlaceholder", "noResultsFoundLabel"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1$1.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-phone-number-input', providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: SiPhoneNumberInputComponent,
+                            multi: true
+                        },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SiPhoneNumberInputComponent,
+                            multi: true
+                        },
+                        {
+                            provide: SI_FORM_ITEM_CONTROL,
+                            useExisting: SiPhoneNumberInputComponent
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CdkOverlayOrigin,
+                        CdkConnectedOverlay,
+                        NgClass,
+                        SiIconNextComponent,
+                        SiPhoneNumberInputSelectDirective,
+                        SiSelectListHasFilterComponent,
+                        SiTranslateModule
+                    ], host: {
+                        'role': 'group',
+                        '[attr.aria-labelledby]': 'labelledby()',
+                        '[attr.id]': 'id()',
+                        '[class.disabled]': 'disabled()',
+                        '[class.readonly]': 'readonly()',
+                        '[class.country-focus]': 'countryFocused()'
+                    }, template: "<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    [complexOptions]=\"countryList()\"\n    [value]=\"selectedCountry\"\n    [valueProvider]=\"valueProvider\"\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      class=\"fi\"\n      aria-hidden=\"true\"\n      [ngClass]=\"'fi-' + (selectedCountry?.isoCode?.toLowerCase() ?? 'xx')\"\n    ></span>\n    @if (selectedCountry) {\n      <span class=\"si-body-2 ms-4\" [id]=\"id() + '-value'\">\n        <span class=\"visually-hidden\">{{ selectedCountry.name }}</span>\n        +{{ selectedCountry.countryCode }}\n      </span>\n    }\n    <si-icon-next 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      [cdkConnectedOverlayWidth]=\"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 class=\"fi me-5\" [ngClass]=\"'fi-' + option.value.isoCode.toLowerCase()\"></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", styles: [":host:focus-within:not(.country-focus){outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}.search-country{display:inline-block;margin-block-start:8px;margin-block-end:8px;margin-inline:8px;inline-size:calc(100% - 16px)}.disabled{pointer-events:none}.disabled,.disabled:hover,.disabled:focus{--border-color: var(--element-ui-3);color:var(--element-text-disabled)}.dropdown-toggle{border-radius:var(--element-input-radius);min-inline-size:auto!important;background:transparent}.dropdown-toggle .fi.fi-xx{background-image:none;background-color:var(--element-text-disabled)}.dropdown-toggle:disabled{opacity:var(--element-action-disabled-opacity)}.dropdown-toggle.readonly{cursor:default}.phone-number{background-color:transparent;inline-size:inherit}.phone-number:disabled,.phone-number[readonly]{opacity:1}.phone-number:disabled{color:var(--element-text-disabled)}.phone-number:disabled::placeholder{color:transparent}.phone-number::placeholder{color:var(--element-text-secondary)}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPhoneNumberInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputModule, imports: [SiPhoneNumberInputComponent], exports: [SiPhoneNumberInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputModule, imports: [SiPhoneNumberInputComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPhoneNumberInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiPhoneNumberInputComponent],
+                    exports: [SiPhoneNumberInputComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPhoneNumberInputComponent, SiPhoneNumberInputModule };
+//# sourceMappingURL=siemens-element-ng-phone-number.mjs.map