@siemens/element-ng 47.1.0 → 47.3.0

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

@@ -0,0 +1,177 @@
+import * as i0 from '@angular/core';
+import { computed, input, output, Directive, contentChildren, inject, ElementRef, signal, Component, NgModule } from '@angular/core';
+import { SiPasswordToggleComponent } from '@siemens/element-ng/password-toggle';
+import { NG_VALIDATORS } from '@angular/forms';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const RE_UPPER_CASE = /[A-Z]/;
+const RE_LOWER_CASE = /[a-z]/;
+const RE_DIGITS = /[0-9]/;
+const RE_SPECIAL_CHARS = /[\x21-\x2F|\x3A-\x40|\x5B-\x60]/;
+const RE_WHITESPACES = /\s/;
+class SiPasswordStrengthDirective {
+    maxStrength = computed(() => {
+        const strength = this.siPasswordStrength();
+        return (1 +
+            (strength.uppercase ? 1 : 0) +
+            (strength.lowercase ? 1 : 0) +
+            (strength.digits ? 1 : 0) +
+            (strength.special ? 1 : 0));
+    });
+    noValidation = false;
+    /**
+     * Define Siemens password strength.
+     *
+     * @defaultValue
+     * ```
+     * {
+     *     minLength: 8,
+     *     uppercase: true,
+     *     lowercase: true,
+     *     digits: true,
+     *     special: true
+     *   }
+     * ```
+     */
+    siPasswordStrength = input({
+        minLength: 8,
+        uppercase: true,
+        lowercase: true,
+        digits: true,
+        special: true
+    });
+    /**
+     * Output callback event called when the password changes. The number
+     * indicated the number of rules which still can be met. (`-2` --\> 2 rules are
+     * still unmet, `0` --\> all met)
+     */
+    passwordStrengthChanged = output();
+    /** @internal */
+    validate(control) {
+        if (this.getStrength(control.value) >= this.maxStrength()) {
+            return {};
+        }
+        return { siPasswordStrength: true };
+    }
+    getStrength(password) {
+        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 = 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;
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPasswordStrength]',
+                    providers: [{ provide: NG_VALIDATORS, useExisting: SiPasswordStrengthDirective, multi: true }],
+                    host: {
+                        '[class.no-validation]': 'noValidation'
+                    }
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPasswordStrengthComponent {
+    /**
+     * Whether to show the visibility toggle icon.
+     *
+     * @defaultValue true
+     */
+    showVisibilityIcon = input(true);
+    passwordStrengthDirective = contentChildren(SiPasswordStrengthDirective);
+    elRef = inject(ElementRef);
+    bad = signal(false);
+    weak = signal(false);
+    medium = signal(false);
+    good = signal(false);
+    strong = signal(false);
+    toggle(type) {
+        const inputEl = this.elRef.nativeElement.querySelector('input');
+        if (inputEl) {
+            inputEl.type = type;
+        }
+    }
+    ngAfterViewInit() {
+        this.passwordStrengthDirective().forEach(directive => {
+            directive.passwordStrengthChanged.subscribe((strength) => {
+                this.strong.set(strength === 0);
+                this.good.set(strength === -1);
+                this.medium.set(strength === -2);
+                this.weak.set(strength === -3);
+                this.bad.set(strength === -4);
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.6", type: SiPasswordStrengthComponent, isStandalone: true, selector: "si-password-strength", inputs: { showVisibilityIcon: { classPropertyName: "showVisibilityIcon", publicName: "showVisibilityIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.bad": "bad()", "class.weak": "weak()", "class.medium": "medium()", "class.good": "good()", "class.strong": "strong()" } }, queries: [{ propertyName: "passwordStrengthDirective", predicate: SiPasswordStrengthDirective, isSignal: true }], ngImport: i0, template: `
+    <si-password-toggle [showVisibilityIcon]="showVisibilityIcon()" (typeChange)="toggle($event)">
+      <ng-content />
+    </si-password-toggle>
+  `, isInline: true, styles: [":host{--strength-border-radius: 0 var(--element-radius-1) var(--element-radius-1) 1px;display:block;position:relative}:host:before{background:var(--strength-background);inset-block-end:1px;content:\"\";block-size:3px;inset-inline-start:1px;position:absolute;transition:inline-size calc(.15s * var(--element-animations-enabled, 1)),background calc(.15s * var(--element-animations-enabled, 1)) ease-in-out;inline-size:calc(var(--strength-width) - 2px);border-radius:var(--strength-border-radius);z-index:1}:host.bad{--strength-background: var(--element-color-bad);--strength-width: 20%}:host.weak{--strength-background: var(--element-color-poor);--strength-width: 40%}:host.medium{--strength-background: var(--element-color-average);--strength-width: 60%}:host.good{--strength-background: var(--element-color-good);--strength-width: 80%}:host.strong{--strength-background: var(--element-color-excellent);--strength-width: 100%;--strength-border-radius: 0 0 1px 1px}\n"], dependencies: [{ kind: "component", type: SiPasswordToggleComponent, selector: "si-password-toggle", inputs: ["showVisibilityIcon", "showLabel", "hideLabel"], outputs: ["typeChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-password-strength', template: `
+    <si-password-toggle [showVisibilityIcon]="showVisibilityIcon()" (typeChange)="toggle($event)">
+      <ng-content />
+    </si-password-toggle>
+  `, imports: [SiPasswordToggleComponent], host: {
+                        '[class.bad]': 'bad()',
+                        '[class.weak]': 'weak()',
+                        '[class.medium]': 'medium()',
+                        '[class.good]': 'good()',
+                        '[class.strong]': 'strong()'
+                    }, styles: [":host{--strength-border-radius: 0 var(--element-radius-1) var(--element-radius-1) 1px;display:block;position:relative}:host:before{background:var(--strength-background);inset-block-end:1px;content:\"\";block-size:3px;inset-inline-start:1px;position:absolute;transition:inline-size calc(.15s * var(--element-animations-enabled, 1)),background calc(.15s * var(--element-animations-enabled, 1)) ease-in-out;inline-size:calc(var(--strength-width) - 2px);border-radius:var(--strength-border-radius);z-index:1}:host.bad{--strength-background: var(--element-color-bad);--strength-width: 20%}:host.weak{--strength-background: var(--element-color-poor);--strength-width: 40%}:host.medium{--strength-background: var(--element-color-average);--strength-width: 60%}:host.good{--strength-background: var(--element-color-good);--strength-width: 80%}:host.strong{--strength-background: var(--element-color-excellent);--strength-width: 100%;--strength-border-radius: 0 0 1px 1px}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPasswordStrengthModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthModule, imports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective], exports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthModule, imports: [SiPasswordStrengthComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordStrengthModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective],
+                    exports: [SiPasswordStrengthComponent, SiPasswordStrengthDirective]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPasswordStrengthComponent, SiPasswordStrengthDirective, SiPasswordStrengthModule };
+//# sourceMappingURL=siemens-element-ng-password-strength.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,88 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, Component, NgModule } from '@angular/core';
+import { addIcons, elementShow, elementHide, SiIconNextComponent } from '@siemens/element-ng/icon';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPasswordToggleComponent {
+    /**
+     * Whether to show the visibility toggle icon.
+     *
+     * @defaultValue true
+     */
+    showVisibilityIcon = input(true);
+    /**
+     * Emits the `type` attribute for the `<input>` ('password' | 'text')
+     * whenever the password visibility is getting toggled.
+     */
+    typeChange = output();
+    /**
+     * The aria-label (translatable) for the password show icon.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password`
+     * ```
+     */
+    showLabel = input($localize `:@@SI_PASSWORD_TOGGLE.SHOW:show password`);
+    /**
+     * The aria-label (translatable) for the password hide icon.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password`
+     * ```
+     */
+    hideLabel = input($localize `:@@SI_PASSWORD_TOGGLE.HIDE:hide password`);
+    showPassword = signal(false);
+    icons = addIcons({ elementHide, elementShow });
+    /** The `type` attribute for the `<input>` ('password' | 'text'). */
+    get inputType() {
+        return this.showPassword() ? 'text' : 'password';
+    }
+    toggle() {
+        this.showPassword.set(!this.showPassword());
+        this.typeChange.emit(this.inputType);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiPasswordToggleComponent, isStandalone: true, selector: "si-password-toggle", inputs: { showVisibilityIcon: { classPropertyName: "showVisibilityIcon", publicName: "showVisibilityIcon", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { typeChange: "typeChange" }, host: { properties: { "class.show-visibility-icon": "showVisibilityIcon()" } }, ngImport: i0, template: "<ng-content />\n@if (showVisibilityIcon()) {\n  <button\n    type=\"button\"\n    class=\"btn btn-tertiary btn-circle btn-xs text-body password-visibility-icon\"\n    [attr.aria-label]=\"(showPassword() ? hideLabel() : showLabel()) | translate\"\n    (click)=\"toggle()\"\n  >\n    <si-icon-next [icon]=\"showPassword() ? icons.elementHide : icons.elementShow\" />\n  </button>\n}\n", styles: [":host{display:block;position:relative;inline-size:100%}:host.show-visibility-icon{--si-action-icon-offset: 28px}.password-visibility-icon{position:absolute;font-size:1.5rem;inset-inline-end:8px;inset-block-start:4px;z-index:2}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-password-toggle', imports: [SiIconNextComponent, SiTranslateModule], host: {
+                        '[class.show-visibility-icon]': 'showVisibilityIcon()'
+                    }, template: "<ng-content />\n@if (showVisibilityIcon()) {\n  <button\n    type=\"button\"\n    class=\"btn btn-tertiary btn-circle btn-xs text-body password-visibility-icon\"\n    [attr.aria-label]=\"(showPassword() ? hideLabel() : showLabel()) | translate\"\n    (click)=\"toggle()\"\n  >\n    <si-icon-next [icon]=\"showPassword() ? icons.elementHide : icons.elementShow\" />\n  </button>\n}\n", styles: [":host{display:block;position:relative;inline-size:100%}:host.show-visibility-icon{--si-action-icon-offset: 28px}.password-visibility-icon{position:absolute;font-size:1.5rem;inset-inline-end:8px;inset-block-start:4px;z-index:2}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPasswordToggleModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleModule, imports: [SiPasswordToggleComponent], exports: [SiPasswordToggleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleModule, imports: [SiPasswordToggleComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPasswordToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SiPasswordToggleComponent],
+                    imports: [SiPasswordToggleComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPasswordToggleComponent, SiPasswordToggleModule };
+//# sourceMappingURL=siemens-element-ng-password-toggle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-password-toggle.mjs","sources":["../../../../projects/element-ng/password-toggle/si-password-toggle.component.ts","../../../../projects/element-ng/password-toggle/si-password-toggle.component.html","../../../../projects/element-ng/password-toggle/si-password-toggle.module.ts","../../../../projects/element-ng/password-toggle/index.ts","../../../../projects/element-ng/password-toggle/siemens-element-ng-password-toggle.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input, output, signal } from '@angular/core';\nimport { addIcons, elementHide, elementShow, SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiTranslateModule } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-password-toggle',\n  templateUrl: './si-password-toggle.component.html',\n  styleUrl: './si-password-toggle.component.scss',\n  imports: [SiIconNextComponent, SiTranslateModule],\n  host: {\n    '[class.show-visibility-icon]': 'showVisibilityIcon()'\n  }\n})\nexport class SiPasswordToggleComponent {\n  /**\n   * Whether to show the visibility toggle icon.\n   *\n   * @defaultValue true\n   */\n  readonly showVisibilityIcon = input(true);\n\n  /**\n   * Emits the `type` attribute for the `<input>` ('password' | 'text')\n   * whenever the password visibility is getting toggled.\n   */\n  readonly typeChange = output<string>();\n\n  /**\n   * The aria-label (translatable) for the password show icon.\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password`\n   * ```\n   */\n  readonly showLabel = input($localize`:@@SI_PASSWORD_TOGGLE.SHOW:show password`);\n  /**\n   * The aria-label (translatable) for the password hide icon.\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password`\n   * ```\n   */\n  readonly hideLabel = input($localize`:@@SI_PASSWORD_TOGGLE.HIDE:hide password`);\n\n  protected readonly showPassword = signal<boolean>(false);\n  protected readonly icons = addIcons({ elementHide, elementShow });\n\n  /** The `type` attribute for the `<input>` ('password' | 'text'). */\n  get inputType(): string {\n    return this.showPassword() ? 'text' : 'password';\n  }\n\n  protected toggle(): void {\n    this.showPassword.set(!this.showPassword());\n    this.typeChange.emit(this.inputType);\n  }\n}\n","<ng-content />\n@if (showVisibilityIcon()) {\n  <button\n    type=\"button\"\n    class=\"btn btn-tertiary btn-circle btn-xs text-body password-visibility-icon\"\n    [attr.aria-label]=\"(showPassword() ? hideLabel() : showLabel()) | translate\"\n    (click)=\"toggle()\"\n  >\n    <si-icon-next [icon]=\"showPassword() ? icons.elementHide : icons.elementShow\" />\n  </button>\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPasswordToggleComponent } from './si-password-toggle.component';\n\n@NgModule({\n  exports: [SiPasswordToggleComponent],\n  imports: [SiPasswordToggleComponent]\n})\nexport class SiPasswordToggleModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-password-toggle.component';\nexport * from './si-password-toggle.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}