@siemens/element-ng 47.2.0 → 47.3.0

package/fesm2022/siemens-element-ng-language-switcher.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { input, inject, computed, Component, NgModule } from '@angular/core';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateService, SiTranslateModule } from '@siemens/element-translate-ng/translate';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiLanguageSwitcherComponent {
+    /**
+     * Key for translation.
+     * If the key is set to an empty string, the language of the underlying translation framework will not be switched.
+     *
+     * @defaultValue 'LANGUAGE'
+     */
+    translationKey = input('LANGUAGE');
+    /**
+     * Text for aria label for the language selector. Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`
+     * ```
+     */
+    languageSwitcherLabel = input($localize `:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`);
+    /**
+     * List of all available languages in this application.
+     *
+     * @defaultValue null
+     */
+    availableLanguages = input(null);
+    translate = inject(SiTranslateService);
+    availableIsoLanguages = computed(() => {
+        let languages = this.availableLanguages() ?? this.translate.availableLanguages;
+        if (typeof languages[0] !== 'object') {
+            languages = languages.map(languageValue => {
+                const translationKey = this.translationKey();
+                return {
+                    value: languageValue,
+                    name: translationKey ? `${translationKey}.${languageValue.toUpperCase()}` : languageValue
+                };
+            });
+        }
+        return languages;
+    });
+    switchLanguage(target) {
+        const language = target?.value;
+        const translationKey = this.translationKey();
+        if (!language || !translationKey || translationKey.length === 0) {
+            return;
+        }
+        this.translate.setCurrentLanguage(language);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiLanguageSwitcherComponent, isStandalone: true, selector: "si-language-switcher", inputs: { translationKey: { classPropertyName: "translationKey", publicName: "translationKey", isSignal: true, isRequired: false, transformFunction: null }, languageSwitcherLabel: { classPropertyName: "languageSwitcherLabel", publicName: "languageSwitcherLabel", isSignal: true, isRequired: false, transformFunction: null }, availableLanguages: { classPropertyName: "availableLanguages", publicName: "availableLanguages", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<select\n  class=\"si-title-2 language-switcher-select\"\n  [attr.aria-label]=\"languageSwitcherLabel() | translate\"\n  (change)=\"switchLanguage($event.target)\"\n>\n  @for (language of availableIsoLanguages(); track language.value) {\n    <option [value]=\"language.value\" [selected]=\"language.value === translate.currentLanguage\">\n      {{ language.name | translate }}\n    </option>\n  }\n</select>\n", styles: [":host{--language-switcher-color: var(--element-text-active)}.language-switcher-select{inline-size:100%;background-color:transparent;border:0;border-block-end:1px solid var(--input-border-color);padding:6px;cursor:pointer;color:var(--language-switcher-color)}@media (min-width: 768px){.language-switcher-select{max-inline-size:200px}}.language-switcher-select option{background-color:var(--element-base-1)}\n"], dependencies: [{ kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-language-switcher', imports: [SiTranslateModule], template: "<select\n  class=\"si-title-2 language-switcher-select\"\n  [attr.aria-label]=\"languageSwitcherLabel() | translate\"\n  (change)=\"switchLanguage($event.target)\"\n>\n  @for (language of availableIsoLanguages(); track language.value) {\n    <option [value]=\"language.value\" [selected]=\"language.value === translate.currentLanguage\">\n      {{ language.name | translate }}\n    </option>\n  }\n</select>\n", styles: [":host{--language-switcher-color: var(--element-text-active)}.language-switcher-select{inline-size:100%;background-color:transparent;border:0;border-block-end:1px solid var(--input-border-color);padding:6px;cursor:pointer;color:var(--language-switcher-color)}@media (min-width: 768px){.language-switcher-select{max-inline-size:200px}}.language-switcher-select option{background-color:var(--element-base-1)}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiLanguageSwitcherModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherModule, imports: [SiLanguageSwitcherComponent], exports: [SiLanguageSwitcherComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherModule, imports: [SiLanguageSwitcherComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLanguageSwitcherModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiLanguageSwitcherComponent],
+                    exports: [SiLanguageSwitcherComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiLanguageSwitcherComponent, SiLanguageSwitcherModule };
+//# sourceMappingURL=siemens-element-ng-language-switcher.mjs.map

package/fesm2022/siemens-element-ng-language-switcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-language-switcher.mjs","sources":["../../../../projects/element-ng/language-switcher/si-language-switcher.component.ts","../../../../projects/element-ng/language-switcher/si-language-switcher.component.html","../../../../projects/element-ng/language-switcher/si-language-switcher.module.ts","../../../../projects/element-ng/language-switcher/index.ts","../../../../projects/element-ng/language-switcher/siemens-element-ng-language-switcher.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, inject, input } from '@angular/core';\nimport { SiTranslateModule, SiTranslateService } from '@siemens/element-translate-ng/translate';\n\nimport { IsoLanguageValue } from './iso-language-value';\n\n@Component({\n  selector: 'si-language-switcher',\n  templateUrl: './si-language-switcher.component.html',\n  styleUrl: './si-language-switcher.component.scss',\n  imports: [SiTranslateModule]\n})\nexport class SiLanguageSwitcherComponent {\n  /**\n   * Key for translation.\n   * If the key is set to an empty string, the language of the underlying translation framework will not be switched.\n   *\n   * @defaultValue 'LANGUAGE'\n   */\n  readonly translationKey = input('LANGUAGE');\n  /**\n   * Text for aria label for the language selector. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`\n   * ```\n   */\n  readonly languageSwitcherLabel = input(\n    $localize`:@@SI_LANGUAGE_SWITCHER.LABEL:Language switcher`\n  );\n\n  /**\n   * List of all available languages in this application.\n   *\n   * @defaultValue null\n   */\n  readonly availableLanguages = input<(string | IsoLanguageValue)[] | null>(null);\n\n  protected readonly translate = inject(SiTranslateService);\n\n  protected readonly availableIsoLanguages = computed(() => {\n    let languages = this.availableLanguages() ?? this.translate.availableLanguages;\n    if (typeof languages[0] !== 'object') {\n      languages = (languages as string[]).map(languageValue => {\n        const translationKey = this.translationKey();\n        return {\n          value: languageValue,\n          name: translationKey ? `${translationKey}.${languageValue.toUpperCase()}` : languageValue\n        };\n      });\n    }\n    return languages as IsoLanguageValue[];\n  });\n\n  protected switchLanguage(target: EventTarget | null): void {\n    const language = (target as HTMLSelectElement)?.value;\n    const translationKey = this.translationKey();\n    if (!language || !translationKey || translationKey.length === 0) {\n      return;\n    }\n    this.translate.setCurrentLanguage(language);\n  }\n}\n","<select\n  class=\"si-title-2 language-switcher-select\"\n  [attr.aria-label]=\"languageSwitcherLabel() | translate\"\n  (change)=\"switchLanguage($event.target)\"\n>\n  @for (language of availableIsoLanguages(); track language.value) {\n    <option [value]=\"language.value\" [selected]=\"language.value === translate.currentLanguage\">\n      {{ language.name | translate }}\n    </option>\n  }\n</select>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiLanguageSwitcherComponent } from './si-language-switcher.component';\n\n@NgModule({\n  imports: [SiLanguageSwitcherComponent],\n  exports: [SiLanguageSwitcherComponent]\n})\nexport class SiLanguageSwitcherModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-language-switcher.component';\nexport * from './si-language-switcher.module';\nexport * from './iso-language-value';\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-number-input.mjs

@@ -0,0 +1,267 @@
+import * as i0 from '@angular/core';
+import { input, numberAttribute, booleanAttribute, computed, output, viewChild, signal, inject, ChangeDetectorRef, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { SI_FORM_ITEM_CONTROL } from '@siemens/element-ng/form';
+import { addIcons, elementPlus, elementMinus, SiIconNextComponent } from '@siemens/element-ng/icon';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+import { timer } from 'rxjs';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiNumberInputComponent {
+    static idCounter = 0;
+    static formatValidator = control => {
+        if (control.value != null && isNaN(control.value)) {
+            return { numberFormat: true };
+        }
+        return null;
+    };
+    /**
+     * The min. value for HTML input
+     *
+     * @defaultValue undefined
+     */
+    minInput = input(undefined, {
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        alias: 'min',
+        transform: numberAttribute
+    });
+    /**
+     * The max. value for HTML input
+     *
+     * @defaultValue undefined
+     */
+    maxInput = input(undefined, {
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        alias: 'max',
+        transform: numberAttribute
+    });
+    /**
+     * The step size for HTML input
+     *
+     * @defaultValue 1
+     */
+    step = input(1);
+    /** The value */
+    value = input();
+    /** Optional unit label */
+    unit = input();
+    /**
+     * Show increment/decrement buttons?
+     *
+     * @defaultValue true
+     */
+    showButtons = input(true, { transform: booleanAttribute });
+    /**
+     * The aria-label passed to the input
+     *
+     * @defaultValue undefined
+     */
+    ariaLabel = input(undefined, { alias: 'aria-label' });
+    /**
+     * ID that is set on the input, e.g. for `<label for="...">`
+     *
+     * @defaultValue
+     * ```
+     * `__si-number-input-${SiNumberInputComponent.idCounter++}`
+     * ```
+     */
+    inputId = input(`__si-number-input-${SiNumberInputComponent.idCounter++}`);
+    id = computed(() => this.inputId());
+    /** @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 });
+    /**
+     * The placeholder for input field.
+     */
+    placeholder = input();
+    valueChange = output();
+    inputElement = viewChild.required('inputElement');
+    /** @internal */
+    errormessageId = `${this.id()}-errormessage`;
+    canInc = true;
+    canDec = true;
+    disabled = computed(() => this.disabledInput() || this.disabledNgControl());
+    disabledNgControl = signal(false);
+    onTouched = () => { };
+    onChange = () => { };
+    validator = SiNumberInputComponent.formatValidator;
+    onValidatorChanged = () => { };
+    min = computed(() => {
+        const minVal = this.minInput();
+        return minVal === undefined || isNaN(minVal) ? undefined : minVal;
+    });
+    max = computed(() => {
+        const maxVal = this.maxInput();
+        return maxVal === undefined || isNaN(maxVal) ? undefined : maxVal;
+    });
+    icons = addIcons({ elementMinus, elementPlus });
+    internalValue;
+    autoUpdate$ = timer(400, 80);
+    autoUpdateSubs;
+    changeDetectorRef = inject(ChangeDetectorRef);
+    ngOnChanges(changes) {
+        if (changes.value) {
+            this.writeValueToInput(this.value());
+        }
+        if (changes.minInput || changes.maxInput) {
+            const minValue = this.min();
+            const maxValue = this.max();
+            this.validator = Validators.compose([
+                minValue != null ? Validators.min(minValue) : null,
+                maxValue != null ? Validators.max(maxValue) : null,
+                SiNumberInputComponent.formatValidator
+            ]);
+            this.onValidatorChanged();
+        }
+        this.updateStepButtons();
+    }
+    /** @internal */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /** @internal */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /** @internal */
+    setDisabledState(isDisabled) {
+        this.disabledNgControl.set(isDisabled);
+    }
+    /** @internal */
+    writeValue(value) {
+        this.writeValueToInput(value);
+        this.updateStepButtons();
+        this.changeDetectorRef.markForCheck();
+    }
+    /** @internal */
+    validate(control) {
+        return this.validator ? this.validator(control) : null;
+    }
+    /** @internal */
+    registerOnValidatorChange(fn) {
+        this.onValidatorChanged = fn;
+    }
+    modelChanged() {
+        const value = this.inputElement().nativeElement.value
+            ? this.inputElement().nativeElement.valueAsNumber
+            : undefined;
+        this.internalValue = value;
+        this.updateStepButtons();
+        this.onChange(value);
+        this.valueChange.emit(value);
+    }
+    autoUpdateStart(event, isIncrement) {
+        const mouseButton = event.button;
+        if (mouseButton) {
+            return;
+        }
+        this.onTouched();
+        event.preventDefault();
+        const trigger = isIncrement ? () => this.increment() : () => this.decrement();
+        this.autoUpdateSubs?.unsubscribe();
+        this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);
+        trigger();
+    }
+    autoUpdateStop() {
+        this.autoUpdateSubs?.unsubscribe();
+        this.autoUpdateSubs = undefined;
+    }
+    updateStepButtons() {
+        const stepValue = this.step();
+        const step = typeof stepValue === 'number' ? stepValue : 1;
+        const max = this.max();
+        this.canInc = max == null || this.internalValue == null || this.internalValue + step <= max;
+        const min = this.min();
+        this.canDec = min == null || this.internalValue == null || this.internalValue - step >= min;
+        if (!this.canInc || !this.canDec) {
+            this.autoUpdateStop();
+        }
+    }
+    decrement() {
+        this.inputElement().nativeElement.stepDown();
+        this.modelChanged();
+    }
+    increment() {
+        this.inputElement().nativeElement.stepUp();
+        this.modelChanged();
+    }
+    writeValueToInput(value) {
+        this.inputElement().nativeElement.value = value == null ? '' : value.toString();
+        this.internalValue = value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiNumberInputComponent, isStandalone: true, selector: "si-number-input", inputs: { minInput: { classPropertyName: "minInput", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxInput: { classPropertyName: "maxInput", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.show-step-buttons": "showButtons()", "class.disabled": "disabled()", "class.readonly": "readonly()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: SiNumberInputComponent,
+                multi: true
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: SiNumberInputComponent,
+                multi: true
+            },
+            {
+                provide: SI_FORM_ITEM_CONTROL,
+                useExisting: SiNumberInputComponent
+            }
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-circle btn-tertiary btn-xs my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-circle btn-tertiary btn-xs my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}:host.disabled ::placeholder{color:transparent}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-number-input', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SiNumberInputComponent,
+                            multi: true
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: SiNumberInputComponent,
+                            multi: true
+                        },
+                        {
+                            provide: SI_FORM_ITEM_CONTROL,
+                            useExisting: SiNumberInputComponent
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, imports: [SiIconNextComponent, SiTranslateModule], host: {
+                        '[class.show-step-buttons]': 'showButtons()',
+                        '[class.disabled]': 'disabled()',
+                        '[class.readonly]': 'readonly()'
+                    }, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-circle btn-tertiary btn-xs my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-circle btn-tertiary btn-xs my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}:host.disabled ::placeholder{color:transparent}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiNumberInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputModule, imports: [SiNumberInputComponent], exports: [SiNumberInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputModule, imports: [SiNumberInputComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiNumberInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiNumberInputComponent],
+                    exports: [SiNumberInputComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiNumberInputComponent, SiNumberInputModule };
+//# sourceMappingURL=siemens-element-ng-number-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-number-input.mjs","sources":["../../../../projects/element-ng/number-input/si-number-input.component.ts","../../../../projects/element-ng/number-input/si-number-input.component.html","../../../../projects/element-ng/number-input/si-number-input.module.ts","../../../../projects/element-ng/number-input/index.ts","../../../../projects/element-ng/number-input/siemens-element-ng-number-input.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\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  ValidatorFn,\n  Validators\n} from '@angular/forms';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { elementMinus, elementPlus, addIcons, SiIconNextComponent } from '@siemens/element-ng/icon';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subscription, timer } from 'rxjs';\n\n@Component({\n  selector: 'si-number-input',\n  templateUrl: './si-number-input.component.html',\n  styleUrl: './si-number-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiNumberInputComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [SiIconNextComponent, SiTranslateModule],\n  host: {\n    '[class.show-step-buttons]': 'showButtons()',\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()'\n  }\n})\nexport class SiNumberInputComponent\n  implements OnChanges, ControlValueAccessor, Validator, SiFormItemControl\n{\n  private static idCounter = 0;\n  private static formatValidator: ValidatorFn = control => {\n    if (control.value != null && isNaN(control.value)) {\n      return { numberFormat: true };\n    }\n    return null;\n  };\n\n  /**\n   * The min. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly minInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'min',\n    transform: numberAttribute\n  });\n  /**\n   * The max. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly maxInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'max',\n    transform: numberAttribute\n  });\n  /**\n   * The step size for HTML input\n   *\n   * @defaultValue 1\n   */\n  readonly step = input<number | 'any'>(1);\n  /** The value */\n  readonly value = input<number>();\n  /** Optional unit label */\n  readonly unit = input<string>();\n  /**\n   * Show increment/decrement buttons?\n   *\n   * @defaultValue true\n   */\n  readonly showButtons = input(true, { transform: booleanAttribute });\n  /**\n   * The aria-label passed to the input\n   *\n   * @defaultValue undefined\n   */\n  readonly ariaLabel = input<TranslatableString>(undefined, { alias: 'aria-label' });\n  /**\n   * ID that is set on the input, e.g. for `<label for=\"...\">`\n   *\n   * @defaultValue\n   * ```\n   * `__si-number-input-${SiNumberInputComponent.idCounter++}`\n   * ```\n   */\n  readonly inputId = input(`__si-number-input-${SiNumberInputComponent.idCounter++}`);\n\n  readonly id = computed(() => this.inputId());\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * The placeholder for input field.\n   */\n  readonly placeholder = input<TranslatableString>();\n\n  readonly valueChange = output<number | undefined>();\n\n  readonly inputElement = viewChild.required<ElementRef<HTMLInputElement>>('inputElement');\n\n  /** @internal */\n  readonly errormessageId = `${this.id()}-errormessage`;\n\n  protected canInc = true;\n  protected canDec = true;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  private readonly disabledNgControl = signal(false);\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n  protected validator: ValidatorFn | null = SiNumberInputComponent.formatValidator;\n  protected onValidatorChanged: () => void = () => {};\n  protected readonly min = computed(() => {\n    const minVal = this.minInput();\n    return minVal === undefined || isNaN(minVal) ? undefined : minVal;\n  });\n  protected readonly max = computed(() => {\n    const maxVal = this.maxInput();\n    return maxVal === undefined || isNaN(maxVal) ? undefined : maxVal;\n  });\n  protected readonly icons = addIcons({ elementMinus, elementPlus });\n  private internalValue?: number;\n  private autoUpdate$ = timer(400, 80);\n  private autoUpdateSubs?: Subscription;\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.value) {\n      this.writeValueToInput(this.value());\n    }\n    if (changes.minInput || changes.maxInput) {\n      const minValue = this.min();\n      const maxValue = this.max();\n      this.validator = Validators.compose([\n        minValue != null ? Validators.min(minValue) : null,\n        maxValue != null ? Validators.max(maxValue) : null,\n        SiNumberInputComponent.formatValidator\n      ])!;\n      this.onValidatorChanged();\n    }\n    this.updateStepButtons();\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value: number | undefined): void {\n    this.writeValueToInput(value);\n    this.updateStepButtons();\n    this.changeDetectorRef.markForCheck();\n  }\n\n  /** @internal */\n  validate(control: AbstractControl): ValidationErrors | null {\n    return this.validator ? this.validator(control) : null;\n  }\n\n  /** @internal */\n  registerOnValidatorChange?(fn: () => void): void {\n    this.onValidatorChanged = fn;\n  }\n\n  protected modelChanged(): void {\n    const value = this.inputElement().nativeElement.value\n      ? this.inputElement().nativeElement.valueAsNumber\n      : undefined;\n    this.internalValue = value;\n    this.updateStepButtons();\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  protected autoUpdateStart(event: Event, isIncrement: boolean): void {\n    const mouseButton = (event as MouseEvent).button;\n    if (mouseButton) {\n      return;\n    }\n\n    this.onTouched();\n    event.preventDefault();\n    const trigger = isIncrement ? () => this.increment() : () => this.decrement();\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);\n    trigger();\n  }\n\n  protected autoUpdateStop(): void {\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = undefined;\n  }\n\n  private updateStepButtons(): void {\n    const stepValue = this.step();\n    const step = typeof stepValue === 'number' ? stepValue : 1;\n    const max = this.max();\n    this.canInc = max == null || this.internalValue == null || this.internalValue + step <= max;\n    const min = this.min();\n    this.canDec = min == null || this.internalValue == null || this.internalValue - step >= min;\n    if (!this.canInc || !this.canDec) {\n      this.autoUpdateStop();\n    }\n  }\n\n  private decrement(): void {\n    this.inputElement().nativeElement.stepDown();\n    this.modelChanged();\n  }\n\n  private increment(): void {\n    this.inputElement().nativeElement.stepUp();\n    this.modelChanged();\n  }\n\n  private writeValueToInput(value: number | undefined): void {\n    this.inputElement().nativeElement.value = value == null ? '' : value.toString();\n    this.internalValue = value;\n  }\n}\n","<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-circle btn-tertiary btn-xs my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-circle btn-tertiary btn-xs my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon-next [icon]=\"icons.elementPlus\" />\n  </button>\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNumberInputComponent } from './si-number-input.component';\n\n@NgModule({\n  imports: [SiNumberInputComponent],\n  exports: [SiNumberInputComponent]\n})\nexport class SiNumberInputModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-number-input.component';\nexport * from './si-number-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;AAGG;MA4DU,sBAAsB,CAAA;AAGzB,IAAA,OAAO,SAAS,GAAG,CAAC;AACpB,IAAA,OAAO,eAAe,GAAgB,OAAO,IAAG;AACtD,QAAA,IAAI,OAAO,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACjD,YAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;;AAE/B,QAAA,OAAO,IAAI;AACb,KAAC;AAED;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAA8B,SAAS,EAAE;;AAEhE,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,SAAS,EAAE;AACZ,KAAA,CAAC;AACF;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAA8B,SAAS,EAAE;;AAEhE,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,SAAS,EAAE;AACZ,KAAA,CAAC;AACF;;;;AAIG;AACM,IAAA,IAAI,GAAG,KAAK,CAAiB,CAAC,CAAC;;IAE/B,KAAK,GAAG,KAAK,EAAU;;IAEvB,IAAI,GAAG,KAAK,EAAU;AAC/B;;;;AAIG;IACM,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AACnE;;;;AAIG;IACM,SAAS,GAAG,KAAK,CAAqB,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAClF;;;;;;;AAOG;IACM,OAAO,GAAG,KAAK,CAAC,CAAqB,kBAAA,EAAA,sBAAsB,CAAC,SAAS,EAAE,CAAE,CAAA,CAAC;IAE1E,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;;;AAInC,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;IAEhF,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEjE;;AAEG;IACM,WAAW,GAAG,KAAK,EAAsB;IAEzC,WAAW,GAAG,MAAM,EAAsB;AAE1C,IAAA,YAAY,GAAG,SAAS,CAAC,QAAQ,CAA+B,cAAc,CAAC;;AAG/E,IAAA,cAAc,GAAG,CAAG,EAAA,IAAI,CAAC,EAAE,EAAE,eAAe;IAE3C,MAAM,GAAG,IAAI;IACb,MAAM,GAAG,IAAI;AACJ,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;AAC7E,IAAA,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC;AACxC,IAAA,SAAS,GAAe,MAAK,GAAG;AAChC,IAAA,QAAQ,GAAuB,MAAK,GAAG;AACvC,IAAA,SAAS,GAAuB,sBAAsB,CAAC,eAAe;AACtE,IAAA,kBAAkB,GAAe,MAAK,GAAG;AAChC,IAAA,GAAG,GAAG,QAAQ,CAAC,MAAK;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,QAAA,OAAO,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM;AACnE,KAAC,CAAC;AACiB,IAAA,GAAG,GAAG,QAAQ,CAAC,MAAK;AACrC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE;AAC9B,QAAA,OAAO,MAAM,KAAK,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,MAAM;AACnE,KAAC,CAAC;IACiB,KAAK,GAAG,QAAQ,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAC1D,IAAA,aAAa;AACb,IAAA,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC;AAC5B,IAAA,cAAc;AACd,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAErD,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,KAAK,EAAE;YACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;QAEtC,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,EAAE;AACxC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;AAC3B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;AAC3B,YAAA,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;AAClC,gBAAA,QAAQ,IAAI,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI;AAClD,gBAAA,QAAQ,IAAI,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI;AAClD,gBAAA,sBAAsB,CAAC;AACxB,aAAA,CAAE;YACH,IAAI,CAAC,kBAAkB,EAAE;;QAE3B,IAAI,CAAC,iBAAiB,EAAE;;;AAI1B,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;;AAIpB,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;;AAIrB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;;;AAIxC,IAAA,UAAU,CAAC,KAAyB,EAAA;AAClC,QAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;;AAIvC,IAAA,QAAQ,CAAC,OAAwB,EAAA;AAC/B,QAAA,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI;;;AAIxD,IAAA,yBAAyB,CAAE,EAAc,EAAA;AACvC,QAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE;;IAGpB,YAAY,GAAA;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC;cAC5C,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC;cAClC,SAAS;AACb,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;QAC1B,IAAI,CAAC,iBAAiB,EAAE;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;AACpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGpB,eAAe,CAAC,KAAY,EAAE,WAAoB,EAAA;AAC1D,QAAA,MAAM,WAAW,GAAI,KAAoB,CAAC,MAAM;QAChD,IAAI,WAAW,EAAE;YACf;;QAGF,IAAI,CAAC,SAAS,EAAE;QAChB,KAAK,CAAC,cAAc,EAAE;QACtB,MAAM,OAAO,GAAG,WAAW,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE,GAAG,MAAM,IAAI,CAAC,SAAS,EAAE;AAC7E,QAAA,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE;QAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;AACzD,QAAA,OAAO,EAAE;;IAGD,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE;AAClC,QAAA,IAAI,CAAC,cAAc,GAAG,SAAS;;IAGzB,iBAAiB,GAAA;AACvB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE;AAC7B,QAAA,MAAM,IAAI,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,GAAG,CAAC;AAC1D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,GAAG;AAC3F,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,GAAG;QAC3F,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChC,IAAI,CAAC,cAAc,EAAE;;;IAIjB,SAAS,GAAA;QACf,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE;QAC5C,IAAI,CAAC,YAAY,EAAE;;IAGb,SAAS,GAAA;QACf,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE;QAC1C,IAAI,CAAC,YAAY,EAAE;;AAGb,IAAA,iBAAiB,CAAC,KAAyB,EAAA;QACjD,IAAI,CAAC,YAAY,EAAE,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE;AAC/E,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;uGA/MjB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAxBtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,sBAAsB;AACnC,gBAAA,KAAK,EAAE;AACR,aAAA;AACD,YAAA;AACE,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,sBAAsB;AACnC,gBAAA,KAAK,EAAE;AACR,aAAA;AACD,YAAA;AACE,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE;AACd;AACF,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtDH,uoDAsDA,EAAA,MAAA,EAAA,CAAA,onBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDEY,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAOrC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBA5BlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGhB,SAAA,EAAA;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAwB,sBAAA;AACnC,4BAAA,KAAK,EAAE;AACR,yBAAA;AACD,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAwB,sBAAA;AACnC,4BAAA,KAAK,EAAE;AACR,yBAAA;AACD,wBAAA;AACE,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAwB;AACpC;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,EAC3C,IAAA,EAAA;AACJ,wBAAA,2BAA2B,EAAE,eAAe;AAC5C,wBAAA,kBAAkB,EAAE,YAAY;AAChC,wBAAA,kBAAkB,EAAE;AACrB,qBAAA,EAAA,QAAA,EAAA,uoDAAA,EAAA,MAAA,EAAA,CAAA,onBAAA,CAAA,EAAA;;;AE7DH;;;AAGG;MASU,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAnB,mBAAmB,EAAA,OAAA,EAAA,CAHpB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CACtB,sBAAsB,CAAA,EAAA,CAAA;AAErB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAHpB,sBAAsB,CAAA,EAAA,CAAA;;2FAGrB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,OAAO,EAAE,CAAC,sBAAsB;AACjC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

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":";;;;;AAAA;;;AAGG;AAIH,MAAM,aAAa,GAAG,OAAO;AAC7B,MAAM,aAAa,GAAG,OAAO;AAC7B,MAAM,SAAS,GAAG,OAAO;AACzB,MAAM,gBAAgB,GAAG,iCAAiC;AAC1D,MAAM,cAAc,GAAG,IAAI;MAgCd,2BAA2B,CAAA;AACrB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE;AAC1C,QAAA,QACE,CAAC;aACA,QAAQ,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;aAC3B,QAAQ,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;aAC3B,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACzB,aAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;AAE9B,KAAC,CAAC;IAEQ,YAAY,GAAG,KAAK;AAE9B;;;;;;;;;;;;;AAaG;IACM,kBAAkB,GAAG,KAAK,CAAiB;AAClD,QAAA,SAAS,EAAE,CAAC;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,OAAO,EAAE;AACV,KAAA,CAAC;AAEF;;;;AAIG;IACM,uBAAuB,GAAG,MAAM,EAAiB;;AAG1D,IAAA,QAAQ,CAAC,OAAwB,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACzD,YAAA,OAAO,EAAE;;AAEX,QAAA,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE;;AAG7B,IAAA,WAAW,CAAC,QAAgB,EAAA;QAClC,IAAI,QAAQ,GAAG,CAAC;AAChB,QAAA,IAAI,QAAQ,IAAI,QAAQ,KAAK,EAAE,EAAE;;AAE/B,YAAA,QAAQ,IAAI,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC;YAC1E,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;YACxF,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;YACxF,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;YACjF,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;;AAEzF,YAAA,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,QAAQ;AACxD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;;AAExB,YAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAChE,YAAA,OAAO,QAAQ;;AAEjB,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,QAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,EAAE;AACnC,QAAA,OAAO,QAAQ;;uGArEN,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAL3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,2BAA2B,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAKnF,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAA,2BAA6B,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC9F,oBAAA,IAAI,EAAE;AACJ,wBAAA,uBAAuB,EAAE;AAC1B;AACF,iBAAA;;;AC1CD;;;AAGG;MA+BU,2BAA2B,CAAA;AACtC;;;;AAIG;AACM,IAAA,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC;AAExB,IAAA,yBAAyB,GAAG,eAAe,CAAC,2BAA2B,CAAC;AACjF,IAAA,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;AAEf,IAAA,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;AACnB,IAAA,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AACtB,IAAA,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AACpB,IAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;AAE/B,IAAA,MAAM,CAAC,IAAY,EAAA;AAC3B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC;QAC/D,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,IAAI,GAAG,IAAI;;;IAIvB,eAAe,GAAA;QACb,IAAI,CAAC,yBAAyB,EAAE,CAAC,OAAO,CAAC,SAAS,IAAG;YACnD,SAAS,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,QAAuB,KAAI;gBACtE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,CAAC;gBAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;gBAC9B,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;gBAChC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;gBAC9B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;AAC/B,aAAC,CAAC;AACJ,SAAC,CAAC;;uGAjCO,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,QAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,2BAAA,EAAA,SAAA,EAQuB,2BAA2B,EAvB9E,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,u8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAES,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FASxB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAjBvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACtB,QAAA,EAAA;;;;GAIT,EAEQ,OAAA,EAAA,CAAC,yBAAyB,CAAC,EAC9B,IAAA,EAAA;AACJ,wBAAA,aAAa,EAAE,OAAO;AACtB,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,gBAAgB,EAAE,UAAU;AAC5B,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,gBAAgB,EAAE;AACnB,qBAAA,EAAA,MAAA,EAAA,CAAA,u8BAAA,CAAA,EAAA;;;AChCH;;;AAGG;MAUU,wBAAwB,CAAA;uGAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAHzB,2BAA2B,EAAE,2BAA2B,CACxD,EAAA,OAAA,EAAA,CAAA,2BAA2B,EAAE,2BAA2B,CAAA,EAAA,CAAA;AAEvD,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAHzB,2BAA2B,CAAA,EAAA,CAAA;;2FAG1B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B,CAAC;AACnE,oBAAA,OAAO,EAAE,CAAC,2BAA2B,EAAE,2BAA2B;AACnE,iBAAA;;;ACZD;;;AAGG;;ACHH;;AAEG;;;;"}