@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-password-criteria.mjs","sources":["../../../components/password-criteria/password.component.ts","../../../components/password-criteria/password.component.html","../../../components/password-criteria/password.component.module.ts","../../../components/password-criteria/testgorilla-tgo-ui-components-password-criteria.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\n@Component({\n  selector: 'ui-password-criteria',\n  templateUrl: './password.component.html',\n  styleUrls: ['./password.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PasswordComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    FieldComponent,\n    FormsModule,\n    ReactiveFormsModule,\n    ProgressBarComponentModule,\n    NgClass,\n    IconComponentModule,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class PasswordComponent implements ControlValueAccessor {\n  /**\n   * Show criteria for password. Defaults true\n   *\n   * @type {boolean}\n   * @memberof PasswordComponent\n   */\n  @Input() showCriteria = true;\n\n  /**\n   * Password is required or not\n   *\n   * @type {boolean}\n   * @memberof PasswordComponent\n   */\n  @Input() required = false;\n\n  @Output() passwordChange = new EventEmitter<string>();\n\n  @Output() allCriteriaPassed = new EventEmitter<boolean>();\n\n  @ViewChild('requiredCriteria') requiredCriteria: ElementRef<HTMLElement>;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method -- Validators.required is a static Angular validator with no `this` binding\n  protected formControl = new FormControl('', Validators.required);\n  protected criteriaPassed: { [key: string]: boolean } = {};\n  protected showError: boolean;\n  protected progressValue: number;\n  protected criteria: { translateKey: string; key: string }[] = [\n    { translateKey: 'PASSWORD.LOWERCASE', key: 'hasLowercase' },\n    { translateKey: 'PASSWORD.UPPERCASE', key: 'hasUppercase' },\n    { translateKey: 'PASSWORD.NUMBER', key: 'hasNumber' },\n    { translateKey: 'PASSWORD.SPECIAL_CHARACTER', key: 'hasSpecialChar' },\n    { translateKey: 'PASSWORD.CHARACTERS', key: 'hasMinLength' },\n  ];\n\n  constructor(private readonly destroyRef: DestroyRef) {\n    this.formControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.checkCriteria();\n    });\n  }\n\n  checkCriteria(): void {\n    const password = this.formControl.value ?? '';\n    this.criteriaPassed = {\n      hasLowercase: /^(?=.*?[a-z])/.test(password),\n      hasUppercase: /^(?=.*?[A-Z])/.test(password),\n      hasNumber: /^(?=.*?[0-9])/.test(password),\n      hasSpecialChar: /^(?=.*?[\" !#$%&'()*+,-./:;<=>?@[\\]^_`{|}~])/.test(password),\n      hasMinLength: password.length >= 12,\n    };\n\n    const passedCount = this.countPassed();\n    this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);\n    this.passwordChange.emit(password);\n    this.allCriteriaPassed.emit(passedCount === Object.keys(this.criteriaPassed).length);\n    this.onChange(password);\n  }\n\n  countPassed(): number {\n    let count = 0;\n    for (const key in this.criteriaPassed) {\n      if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) {\n        count++;\n      }\n    }\n    return count;\n  }\n  onChange = (_v: string) => {};\n  onTouch = () => {};\n\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  writeValue(obj?: string | null): void {\n    this.formControl.setValue(obj ?? null);\n    // setValue() re-evaluates the criteria fields the template renders; the\n    // forms API calls this from outside the component's own change detection.\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  get allRequirementsMet(): boolean {\n    return this.countPassed() === Object.keys(this.criteriaPassed).length && Boolean(this.countPassed());\n  }\n}\n","<div class=\"password-criteria-container\">\n  <ui-field\n    [applicationTheme]=\"'dark'\"\n    [formControl]=\"formControl\"\n    [ariaLabel]=\"requiredCriteria?.nativeElement?.innerText ?? ''\"\n    [type]=\"'password'\"\n    [placeholder]=\"('PASSWORD.PASSWORD_PLACEHOLDER' | uiTranslate | async) + (required ? ' *' : '')\"\n    (keydown.enter)=\"showError = true\"\n    (focusout)=\"showError = true\"\n  ></ui-field>\n\n  @if (showCriteria) {\n    <div class=\"criteria-container\" #requiredCriteria>\n      <div class=\"progress\">\n        <ui-progress-bar\n          [progress]=\"progressValue === 1 ? 0 : progressValue\"\n          [applicationTheme]=\"'dark'\"\n        ></ui-progress-bar>\n      </div>\n      @if (allRequirementsMet) {\n        <span style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{\n          'FIELD.ALL_PASSWORD_REQ_PASSED' | uiTranslate | async\n        }}</span>\n      }\n      @for (criterion of criteria; track criterion) {\n        <div\n          class=\"criterion\"\n          [attr.aria-live]=\"!allRequirementsMet ? 'polite' : ''\"\n          [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n        >\n          <ui-icon\n            [size]=\"'24'\"\n            [color]=\"'rebrand-black'\"\n            [name]=\"!criteriaPassed[criterion.key] && showError ? 'Info-in-line' : 'Check-round-in-line'\"\n            applicationTheme=\"dark\"\n          ></ui-icon>\n          <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n          <span style=\"position: absolute; left: -9999px\">{{\n            (criteriaPassed[criterion.key] ? 'COMMON.PASSED' : 'COMMON.FAILED') | uiTranslate | async\n          }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\nimport { PasswordComponent } from './password.component';\n\n@NgModule({\n  exports: [PasswordComponent],\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ReactiveFormsModule,\n    IconComponentModule,\n    ProgressBarComponentModule,\n    UiTranslatePipe,\n    PasswordComponent,\n  ],\n})\nexport class PasswordComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-password-criteria.mjs","names":[],"sources":["../../../components/password-criteria/password.component.ts","../../../components/password-criteria/password.component.html","../../../components/password-criteria/password.component.module.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  Validators,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponent } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\n@Component({\n  selector: 'ui-password-criteria',\n  templateUrl: './password.component.html',\n  styleUrls: ['./password.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => PasswordComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    FieldComponent,\n    FormsModule,\n    ReactiveFormsModule,\n    ProgressBarComponentModule,\n    NgClass,\n    IconComponentModule,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class PasswordComponent implements ControlValueAccessor {\n  /**\n   * Show criteria for password. Defaults true\n   *\n   * @type {boolean}\n   * @memberof PasswordComponent\n   */\n  @Input() showCriteria = true;\n\n  /**\n   * Password is required or not\n   *\n   * @type {boolean}\n   * @memberof PasswordComponent\n   */\n  @Input() required = false;\n\n  @Output() passwordChange = new EventEmitter<string>();\n\n  @Output() allCriteriaPassed = new EventEmitter<boolean>();\n\n  @ViewChild('requiredCriteria') requiredCriteria: ElementRef<HTMLElement>;\n\n  // eslint-disable-next-line @typescript-eslint/unbound-method -- Validators.required is a static Angular validator with no `this` binding\n  protected formControl = new FormControl('', Validators.required);\n  protected criteriaPassed: { [key: string]: boolean } = {};\n  protected showError: boolean;\n  protected progressValue: number;\n  protected criteria: { translateKey: string; key: string }[] = [\n    { translateKey: 'PASSWORD.LOWERCASE', key: 'hasLowercase' },\n    { translateKey: 'PASSWORD.UPPERCASE', key: 'hasUppercase' },\n    { translateKey: 'PASSWORD.NUMBER', key: 'hasNumber' },\n    { translateKey: 'PASSWORD.SPECIAL_CHARACTER', key: 'hasSpecialChar' },\n    { translateKey: 'PASSWORD.CHARACTERS', key: 'hasMinLength' },\n  ];\n\n  constructor(private readonly destroyRef: DestroyRef) {\n    this.formControl.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.checkCriteria();\n    });\n  }\n\n  checkCriteria(): void {\n    const password = this.formControl.value ?? '';\n    this.criteriaPassed = {\n      hasLowercase: /^(?=.*?[a-z])/.test(password),\n      hasUppercase: /^(?=.*?[A-Z])/.test(password),\n      hasNumber: /^(?=.*?[0-9])/.test(password),\n      hasSpecialChar: /^(?=.*?[\" !#$%&'()*+,-./:;<=>?@[\\]^_`{|}~])/.test(password),\n      hasMinLength: password.length >= 12,\n    };\n\n    const passedCount = this.countPassed();\n    this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);\n    this.passwordChange.emit(password);\n    this.allCriteriaPassed.emit(passedCount === Object.keys(this.criteriaPassed).length);\n    this.onChange(password);\n  }\n\n  countPassed(): number {\n    let count = 0;\n    for (const key in this.criteriaPassed) {\n      if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) {\n        count++;\n      }\n    }\n    return count;\n  }\n  onChange = (_v: string) => {};\n  onTouch = () => {};\n\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  writeValue(obj?: string | null): void {\n    this.formControl.setValue(obj ?? null);\n    // setValue() re-evaluates the criteria fields the template renders; the\n    // forms API calls this from outside the component's own change detection.\n    this.cdr.markForCheck();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  get allRequirementsMet(): boolean {\n    return this.countPassed() === Object.keys(this.criteriaPassed).length && Boolean(this.countPassed());\n  }\n}\n","<div class=\"password-criteria-container\">\n  <ui-field\n    [applicationTheme]=\"'dark'\"\n    [formControl]=\"formControl\"\n    [ariaLabel]=\"requiredCriteria?.nativeElement?.innerText ?? ''\"\n    [type]=\"'password'\"\n    [placeholder]=\"('PASSWORD.PASSWORD_PLACEHOLDER' | uiTranslate | async) + (required ? ' *' : '')\"\n    (keydown.enter)=\"showError = true\"\n    (focusout)=\"showError = true\"\n  ></ui-field>\n\n  @if (showCriteria) {\n    <div class=\"criteria-container\" #requiredCriteria>\n      <div class=\"progress\">\n        <ui-progress-bar\n          [progress]=\"progressValue === 1 ? 0 : progressValue\"\n          [applicationTheme]=\"'dark'\"\n        ></ui-progress-bar>\n      </div>\n      @if (allRequirementsMet) {\n        <span style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{\n          'FIELD.ALL_PASSWORD_REQ_PASSED' | uiTranslate | async\n        }}</span>\n      }\n      @for (criterion of criteria; track criterion) {\n        <div\n          class=\"criterion\"\n          [attr.aria-live]=\"!allRequirementsMet ? 'polite' : ''\"\n          [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n        >\n          <ui-icon\n            [size]=\"'24'\"\n            [color]=\"'rebrand-black'\"\n            [name]=\"!criteriaPassed[criterion.key] && showError ? 'Info-in-line' : 'Check-round-in-line'\"\n            applicationTheme=\"dark\"\n          ></ui-icon>\n          <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n          <span style=\"position: absolute; left: -9999px\">{{\n            (criteriaPassed[criterion.key] ? 'COMMON.PASSED' : 'COMMON.FAILED') | uiTranslate | async\n          }}</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { FieldComponentModule } from '@testgorilla/tgo-ui/components/field';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\nimport { PasswordComponent } from './password.component';\n\n@NgModule({\n  exports: [PasswordComponent],\n  imports: [\n    CommonModule,\n    FieldComponentModule,\n    ReactiveFormsModule,\n    IconComponentModule,\n    ProgressBarComponentModule,\n    UiTranslatePipe,\n    PasswordComponent,\n  ],\n})\nexport class PasswordComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs

@@ -1,119 +1,254 @@
-import { NgClass, AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import * as i1 from '@testgorilla/tgo-ui/components/progress-bar';
-import { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';
-
-class PasswordStrengthComponent {
-    /**
-     * The password that needs to be checked
-     * @property password
-     * @type {string}
-     * @memberof PasswordStrengthComponent
-     */
-    set password(value) {
-        this._password = value;
-        if (value && value.length > 0) {
-            this.showError = true;
-        }
-        this.checkCriteria(this._password);
-    }
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof PasswordStrengthComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Event that outputs validation check result
-         * @property validationCheck
-         * @type {boolean}
-         * @memberof PasswordStrengthComponent
-         */
-        this.validationCheck = new EventEmitter();
-        this.criteriaPassed = {};
-        this.showError = false;
-        this._password = '';
-        this.criteria = [
-            { translateKey: 'PASSWORD.LOWERCASE', key: 'hasLowercase' },
-            { translateKey: 'PASSWORD.UPPERCASE', key: 'hasUppercase' },
-            { translateKey: 'PASSWORD.NUMBER', key: 'hasNumber' },
-            { translateKey: 'PASSWORD.SPECIAL_CHARACTER', key: 'hasSpecialChar' },
-            { translateKey: 'PASSWORD.CHARACTERS', key: 'hasMinLength' },
-        ];
-        if (this.defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    checkCriteria(password) {
-        this.criteriaPassed = {
-            hasLowercase: /^(?=.*?[a-z])/.test(password),
-            hasUppercase: /^(?=.*?[A-Z])/.test(password),
-            hasNumber: /^(?=.*?[0-9])/.test(password),
-            hasSpecialChar: /^(?=.*?[" !#$%&'()*+,-./:;<=>?@[\]^_`{|}~])/.test(password),
-            hasMinLength: password.length >= 12,
-        };
-        const passedCount = this.countPassed();
-        this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);
-        this.validationCheck.emit(passedCount === Object.keys(this.criteriaPassed).length);
-    }
-    countPassed() {
-        let count = 0;
-        for (const key in this.criteriaPassed) {
-            if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) {
-                count++;
-            }
-        }
-        return count;
-    }
-    get infoIcon() {
-        return this.applicationTheme === 'classic' ? 'Info' : 'Info-in-line';
-    }
-    get checkIcon() {
-        return this.applicationTheme === 'classic' ? 'Round-check' : 'Check-round-in-line';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PasswordStrengthComponent, isStandalone: true, selector: "ui-password-strength", inputs: { applicationTheme: "applicationTheme", password: "password" }, outputs: { validationCheck: "validationCheck" }, ngImport: i0, template: "<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"], dependencies: [{ kind: "ngmodule", type: ProgressBarComponentModule }, { kind: "component", type: i1.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-password-strength', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ProgressBarComponentModule, NgClass, IconComponentModule, AsyncPipe, UiTranslatePipe], template: "<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { applicationTheme: [{
-                type: Input
-            }], password: [{
-                type: Input
-            }], validationCheck: [{
-                type: Output
-            }] } });
-
-class PasswordStrengthComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponentModule, imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe, PasswordStrengthComponent], exports: [PasswordStrengthComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponentModule, imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, PasswordStrengthComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PasswordStrengthComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe, PasswordStrengthComponent],
-                    exports: [PasswordStrengthComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { AsyncPipe, CommonModule, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, NgModule, Optional, Output } from "@angular/core";
+import { UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import * as i2 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import * as i1 from "@testgorilla/tgo-ui/components/progress-bar";
+import { ProgressBarComponentModule } from "@testgorilla/tgo-ui/components/progress-bar";
+var PasswordStrengthComponent = class PasswordStrengthComponent {
+	set password(value) {
+		this._password = value;
+		if (value && value.length > 0) this.showError = true;
+		this.checkCriteria(this._password);
+	}
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.applicationTheme = "light";
+		this.validationCheck = new EventEmitter();
+		this.criteriaPassed = {};
+		this.showError = false;
+		this._password = "";
+		this.criteria = [
+			{
+				translateKey: "PASSWORD.LOWERCASE",
+				key: "hasLowercase"
+			},
+			{
+				translateKey: "PASSWORD.UPPERCASE",
+				key: "hasUppercase"
+			},
+			{
+				translateKey: "PASSWORD.NUMBER",
+				key: "hasNumber"
+			},
+			{
+				translateKey: "PASSWORD.SPECIAL_CHARACTER",
+				key: "hasSpecialChar"
+			},
+			{
+				translateKey: "PASSWORD.CHARACTERS",
+				key: "hasMinLength"
+			}
+		];
+		if (this.defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	checkCriteria(password) {
+		this.criteriaPassed = {
+			hasLowercase: /^(?=.*?[a-z])/.test(password),
+			hasUppercase: /^(?=.*?[A-Z])/.test(password),
+			hasNumber: /^(?=.*?[0-9])/.test(password),
+			hasSpecialChar: /^(?=.*?[" !#$%&'()*+,-./:;<=>?@[\]^_`{|}~])/.test(password),
+			hasMinLength: password.length >= 12
+		};
+		const passedCount = this.countPassed();
+		this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);
+		this.validationCheck.emit(passedCount === Object.keys(this.criteriaPassed).length);
+	}
+	countPassed() {
+		let count = 0;
+		for (const key in this.criteriaPassed) if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) count++;
+		return count;
+	}
+	get infoIcon() {
+		return this.applicationTheme === "classic" ? "Info" : "Info-in-line";
+	}
+	get checkIcon() {
+		return this.applicationTheme === "classic" ? "Round-check" : "Check-round-in-line";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PasswordStrengthComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: PasswordStrengthComponent,
+			isStandalone: true,
+			selector: "ui-password-strength",
+			inputs: {
+				applicationTheme: "applicationTheme",
+				password: "password"
+			},
+			outputs: { validationCheck: "validationCheck" },
+			ngImport: i0,
+			template: "<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: ProgressBarComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.ProgressBarComponent,
+					selector: "ui-progress-bar",
+					inputs: [
+						"companyColor",
+						"progress",
+						"mode",
+						"buffer",
+						"applicationTheme",
+						"ariaLabel",
+						"ariaDescribedBy",
+						"showPercentage"
+					]
+				},
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "ngmodule",
+					type: IconComponentModule
+				},
+				{
+					kind: "component",
+					type: i2.IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PasswordStrengthComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-password-strength",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				ProgressBarComponentModule,
+				NgClass,
+				IconComponentModule,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		applicationTheme: [{ type: Input }],
+		password: [{ type: Input }],
+		validationCheck: [{ type: Output }]
+	}
+});
+var PasswordStrengthComponentModule = class PasswordStrengthComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PasswordStrengthComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PasswordStrengthComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ProgressBarComponentModule,
+				UiTranslatePipe,
+				PasswordStrengthComponent
+			],
+			exports: [PasswordStrengthComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PasswordStrengthComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ProgressBarComponentModule,
+				PasswordStrengthComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PasswordStrengthComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				ProgressBarComponentModule,
+				UiTranslatePipe,
+				PasswordStrengthComponent
+			],
+			exports: [PasswordStrengthComponent]
+		}]
+	}]
+});
 export { PasswordStrengthComponent, PasswordStrengthComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-password-strength.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-password-strength.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-password-strength.mjs","sources":["../../../components/password-strength/password-strength.component.ts","../../../components/password-strength/password-strength.component.html","../../../components/password-strength/password-strength.component.module.ts","../../../components/password-strength/testgorilla-tgo-ui-components-password-strength.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\n@Component({\n  selector: 'ui-password-strength',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './password-strength.component.html',\n  styleUrls: ['./password-strength.component.scss'],\n  imports: [ProgressBarComponentModule, NgClass, IconComponentModule, AsyncPipe, UiTranslatePipe],\n})\nexport class PasswordStrengthComponent {\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof PasswordStrengthComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The password that needs to be checked\n   * @property password\n   * @type {string}\n   * @memberof PasswordStrengthComponent\n   */\n  @Input() set password(value: string) {\n    this._password = value;\n    if (value && value.length > 0) {\n      this.showError = true;\n    }\n    this.checkCriteria(this._password);\n  }\n\n  /**\n   * Event that outputs validation check result\n   * @property validationCheck\n   * @type {boolean}\n   * @memberof PasswordStrengthComponent\n   */\n  @Output() validationCheck = new EventEmitter<boolean>();\n\n  protected progressValue: number;\n  protected criteriaPassed: { [key: string]: boolean } = {};\n  protected showError = false;\n  private _password = '';\n  protected criteria: { translateKey: string; key: string }[] = [\n    { translateKey: 'PASSWORD.LOWERCASE', key: 'hasLowercase' },\n    { translateKey: 'PASSWORD.UPPERCASE', key: 'hasUppercase' },\n    { translateKey: 'PASSWORD.NUMBER', key: 'hasNumber' },\n    { translateKey: 'PASSWORD.SPECIAL_CHARACTER', key: 'hasSpecialChar' },\n    { translateKey: 'PASSWORD.CHARACTERS', key: 'hasMinLength' },\n  ];\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  checkCriteria(password: string): void {\n    this.criteriaPassed = {\n      hasLowercase: /^(?=.*?[a-z])/.test(password),\n      hasUppercase: /^(?=.*?[A-Z])/.test(password),\n      hasNumber: /^(?=.*?[0-9])/.test(password),\n      hasSpecialChar: /^(?=.*?[\" !#$%&'()*+,-./:;<=>?@[\\]^_`{|}~])/.test(password),\n      hasMinLength: password.length >= 12,\n    };\n\n    const passedCount = this.countPassed();\n    this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);\n    this.validationCheck.emit(passedCount === Object.keys(this.criteriaPassed).length);\n  }\n\n  private countPassed(): number {\n    let count = 0;\n    for (const key in this.criteriaPassed) {\n      if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) {\n        count++;\n      }\n    }\n    return count;\n  }\n\n  get infoIcon(): IconName {\n    return this.applicationTheme === 'classic' ? 'Info' : 'Info-in-line';\n  }\n\n  get checkIcon(): IconName {\n    return this.applicationTheme === 'classic' ? 'Round-check' : 'Check-round-in-line';\n  }\n}\n","<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\nimport { PasswordStrengthComponent } from './password-strength.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe, PasswordStrengthComponent],\n  exports: [PasswordStrengthComponent],\n})\nexport class PasswordStrengthComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-password-strength.mjs","names":[],"sources":["../../../components/password-strength/password-strength.component.ts","../../../components/password-strength/password-strength.component.html","../../../components/password-strength/password-strength.component.module.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\n@Component({\n  selector: 'ui-password-strength',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './password-strength.component.html',\n  styleUrls: ['./password-strength.component.scss'],\n  imports: [ProgressBarComponentModule, NgClass, IconComponentModule, AsyncPipe, UiTranslatePipe],\n})\nexport class PasswordStrengthComponent {\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof PasswordStrengthComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The password that needs to be checked\n   * @property password\n   * @type {string}\n   * @memberof PasswordStrengthComponent\n   */\n  @Input() set password(value: string) {\n    this._password = value;\n    if (value && value.length > 0) {\n      this.showError = true;\n    }\n    this.checkCriteria(this._password);\n  }\n\n  /**\n   * Event that outputs validation check result\n   * @property validationCheck\n   * @type {boolean}\n   * @memberof PasswordStrengthComponent\n   */\n  @Output() validationCheck = new EventEmitter<boolean>();\n\n  protected progressValue: number;\n  protected criteriaPassed: { [key: string]: boolean } = {};\n  protected showError = false;\n  private _password = '';\n  protected criteria: { translateKey: string; key: string }[] = [\n    { translateKey: 'PASSWORD.LOWERCASE', key: 'hasLowercase' },\n    { translateKey: 'PASSWORD.UPPERCASE', key: 'hasUppercase' },\n    { translateKey: 'PASSWORD.NUMBER', key: 'hasNumber' },\n    { translateKey: 'PASSWORD.SPECIAL_CHARACTER', key: 'hasSpecialChar' },\n    { translateKey: 'PASSWORD.CHARACTERS', key: 'hasMinLength' },\n  ];\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (this.defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  checkCriteria(password: string): void {\n    this.criteriaPassed = {\n      hasLowercase: /^(?=.*?[a-z])/.test(password),\n      hasUppercase: /^(?=.*?[A-Z])/.test(password),\n      hasNumber: /^(?=.*?[0-9])/.test(password),\n      hasSpecialChar: /^(?=.*?[\" !#$%&'()*+,-./:;<=>?@[\\]^_`{|}~])/.test(password),\n      hasMinLength: password.length >= 12,\n    };\n\n    const passedCount = this.countPassed();\n    this.progressValue = Math.min(Math.max(passedCount * (100 / Object.keys(this.criteriaPassed).length), 1), 100);\n    this.validationCheck.emit(passedCount === Object.keys(this.criteriaPassed).length);\n  }\n\n  private countPassed(): number {\n    let count = 0;\n    for (const key in this.criteriaPassed) {\n      if (Object.prototype.hasOwnProperty.call(this.criteriaPassed, key) && this.criteriaPassed[key]) {\n        count++;\n      }\n    }\n    return count;\n  }\n\n  get infoIcon(): IconName {\n    return this.applicationTheme === 'classic' ? 'Info' : 'Info-in-line';\n  }\n\n  get checkIcon(): IconName {\n    return this.applicationTheme === 'classic' ? 'Round-check' : 'Check-round-in-line';\n  }\n}\n","<div class=\"criteria-container\">\n  <div class=\"progress\">\n    <ui-progress-bar\n      [progress]=\"progressValue === 1 ? 0 : progressValue\"\n      [applicationTheme]=\"applicationTheme\"\n    ></ui-progress-bar>\n  </div>\n\n  @for (criterion of criteria; track criterion) {\n    <div\n      class=\"criterion\"\n      [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n    >\n      <ui-icon\n        [size]=\"'24'\"\n        [color]=\"'rebrand-black'\"\n        [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n        [applicationTheme]=\"applicationTheme\"\n      ></ui-icon>\n      <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\nimport { PasswordStrengthComponent } from './password-strength.component';\n\n@NgModule({\n  imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe, PasswordStrengthComponent],\n  exports: [PasswordStrengthComponent],\n})\nexport class PasswordStrengthComponentModule {}\n"],"mappings":"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"}