@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/forms/option-group/component/option-group.component.js

@@ -0,0 +1,103 @@
+import { Component, input, computed, signal, effect, inject, ElementRef, ContentChildren, } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisOptionComponent } from '../../option';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-option-group-${++nextId}`;
+}
+export class SolarisOptionGroupComponent {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    options;
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: (v) => v ?? false });
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    groupId = input(undefined, { ...(ngDevMode ? { debugName: "groupId" } : /* istanbul ignore next */ {}), alias: 'id' });
+    contentInitialized = signal(false, ...(ngDevMode ? [{ debugName: "contentInitialized" }] : /* istanbul ignore next */ []));
+    internalHidden = signal(false, ...(ngDevMode ? [{ debugName: "internalHidden" }] : /* istanbul ignore next */ []));
+    elementId = computed(() => {
+        return (this.groupId() ||
+            // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls and Solaris Checkbox.
+            this.elementRef.nativeElement.getAttribute('id') ||
+            generateId());
+    }, ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
+    labelId = computed(() => `${this.elementId()}-label`, ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    isEffectivelyDisabled = computed(() => {
+        return this.disabledInput();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            if (translated !== key)
+                return translated;
+            return this.label() ?? key;
+        }
+        return this.label();
+    }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+    effectiveAriaLabel = computed(() => {
+        return this.labelText() ?? null;
+    }, ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = computed(() => {
+        if (this.labelText()) {
+            return this.labelId();
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    optionQuerySubscription = null;
+    ngAfterContentInit() {
+        this.contentInitialized.set(true);
+        this.propagateDisabledToOptions();
+        this.optionQuerySubscription = this.options.changes.subscribe(() => {
+            this.propagateDisabledToOptions();
+        });
+    }
+    ngOnDestroy() {
+        if (this.optionQuerySubscription) {
+            this.optionQuerySubscription.unsubscribe();
+        }
+    }
+    setHidden(v) {
+        this.internalHidden.set(v);
+    }
+    propagateDisabledToOptions() {
+        if (!this.options)
+            return;
+        const isDisabled = this.isEffectivelyDisabled();
+        this.options.forEach((option) => {
+            option.setGroupDisabledState(isDisabled);
+        });
+    }
+    _disabledEffect = effect(() => {
+        if (!this.contentInitialized())
+            return;
+        this.isEffectivelyDisabled();
+        this.propagateDisabledToOptions();
+    }, ...(ngDevMode ? [{ debugName: "_disabledEffect" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisOptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisOptionGroupComponent, isStandalone: true, selector: "solaris-option-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, groupId: { classPropertyName: "groupId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.id": "elementId()", "attr.data-size": "size()", "attr.aria-label": "effectiveAriaLabel() ?? null", "attr.aria-labelledby": "ariaLabelledBy()", "attr.data-density": "effectiveDensity()", "attr.data-disabled": "isEffectivelyDisabled() ? \"\" : null", "style.display": "internalHidden() ? \"none\" : \"\"" } }, queries: [{ propertyName: "options", predicate: SolarisOptionComponent, descendants: true }], ngImport: i0, template: "<div class=\"solaris-option-group\">\n  @if (labelText(); as groupLabel) {\n    <div class=\"solaris-option-group__label\" [id]=\"labelId()\">\n      {{ groupLabel }}\n    </div>\n  }\n  <div class=\"solaris-option-group__options\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{--solaris-option-group-gap: initial;--solaris-option-group-padding-x: initial;--solaris-option-group-padding-y: initial;--solaris-option-group-label-color: initial;display:block;outline:none}.solaris-option-group{display:flex;flex-direction:column;gap:var(--solaris-option-group-gap);padding:var(--solaris-option-group-padding-y) var(--solaris-option-group-padding-x)}.solaris-option-group__label{-webkit-user-select:none;user-select:none;color:var(--solaris-option-group-label-color);font-weight:var(--solaris-font-weight-semibold);padding:var(--solaris-spacing-2) var(--solaris-spacing-3)}.solaris-option-group__options{display:flex;flex-direction:column}:host([data-size=sm]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-1);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=sm]) .solaris-option-group__label{font-size:var(--solaris-font-size-xs);text-transform:uppercase;letter-spacing:.05em}:host([data-size=md]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-1);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=md]) .solaris-option-group__label{font-size:var(--solaris-font-size-sm);text-transform:uppercase;letter-spacing:.05em}:host([data-size=lg]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-2);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=lg]) .solaris-option-group__label{font-size:var(--solaris-font-size-md);text-transform:uppercase;letter-spacing:.05em}:host([data-density=compact]){--solaris-option-group-gap: 0}:host([data-density=comfortable]){--solaris-option-group-gap: var(--solaris-spacing-1)}:host([data-disabled]){opacity:.6}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisOptionGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-option-group', standalone: true, imports: [], host: {
+                        role: 'group',
+                        '[attr.id]': 'elementId()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.aria-label]': 'effectiveAriaLabel() ?? null',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-disabled]': 'isEffectivelyDisabled() ? "" : null',
+                        '[style.display]': 'internalHidden() ? "none" : ""',
+                    }, template: "<div class=\"solaris-option-group\">\n  @if (labelText(); as groupLabel) {\n    <div class=\"solaris-option-group__label\" [id]=\"labelId()\">\n      {{ groupLabel }}\n    </div>\n  }\n  <div class=\"solaris-option-group__options\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{--solaris-option-group-gap: initial;--solaris-option-group-padding-x: initial;--solaris-option-group-padding-y: initial;--solaris-option-group-label-color: initial;display:block;outline:none}.solaris-option-group{display:flex;flex-direction:column;gap:var(--solaris-option-group-gap);padding:var(--solaris-option-group-padding-y) var(--solaris-option-group-padding-x)}.solaris-option-group__label{-webkit-user-select:none;user-select:none;color:var(--solaris-option-group-label-color);font-weight:var(--solaris-font-weight-semibold);padding:var(--solaris-spacing-2) var(--solaris-spacing-3)}.solaris-option-group__options{display:flex;flex-direction:column}:host([data-size=sm]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-1);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=sm]) .solaris-option-group__label{font-size:var(--solaris-font-size-xs);text-transform:uppercase;letter-spacing:.05em}:host([data-size=md]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-1);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=md]) .solaris-option-group__label{font-size:var(--solaris-font-size-sm);text-transform:uppercase;letter-spacing:.05em}:host([data-size=lg]){--solaris-option-group-padding-x: 0;--solaris-option-group-padding-y: 0;--solaris-option-group-gap: var(--solaris-spacing-2);--solaris-option-group-label-color: var(--solaris-text-muted)}:host([data-size=lg]) .solaris-option-group__label{font-size:var(--solaris-font-size-md);text-transform:uppercase;letter-spacing:.05em}:host([data-density=compact]){--solaris-option-group-gap: 0}:host([data-density=comfortable]){--solaris-option-group-gap: var(--solaris-spacing-1)}:host([data-disabled]){opacity:.6}\n"] }]
+        }], propDecorators: { options: [{
+                type: ContentChildren,
+                args: [SolarisOptionComponent, { descendants: true }]
+            }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], groupId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=option-group.component.js.map

package/esm2022/lib/components/forms/option-group/component/option-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-group.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/option-group/component/option-group.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/option-group/component/option-group.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  computed,\n  signal,\n  effect,\n  inject,\n  ElementRef,\n  ContentChildren,\n  QueryList,\n  type AfterContentInit,\n  type OnDestroy,\n} from '@angular/core';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Subscription = any;\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisOptionComponent } from '../../option';\n\nimport type {\n  SolarisOptionGroupSize,\n  SolarisOptionGroupDensity,\n} from '../model/option-group.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-option-group-${++nextId}`;\n}\n\n@Component({\n  selector: 'solaris-option-group',\n  standalone: true,\n  imports: [],\n  templateUrl: './option-group.component.html',\n  styleUrls: ['./option-group.component.scss'],\n  host: {\n    role: 'group',\n    '[attr.id]': 'elementId()',\n    '[attr.data-size]': 'size()',\n    '[attr.aria-label]': 'effectiveAriaLabel() ?? null',\n    '[attr.aria-labelledby]': 'ariaLabelledBy()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.data-disabled]': 'isEffectivelyDisabled() ? \"\" : null',\n    '[style.display]': 'internalHidden() ? \"none\" : \"\"',\n  },\n})\nexport class SolarisOptionGroupComponent\n  implements AfterContentInit, OnDestroy\n{\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly translateService = inject(SolarisTranslateService);\n\n  @ContentChildren(SolarisOptionComponent, { descendants: true })\n  options!: QueryList<SolarisOptionComponent>;\n\n  readonly label = input<string>();\n  readonly labelKey = input<string>();\n  readonly disabledInput = input<boolean, boolean>(false, {\n    alias: 'disabled',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly size = input<SolarisOptionGroupSize>('md');\n  readonly density = input<SolarisOptionGroupDensity>();\n  readonly groupId = input<string>(undefined, { alias: 'id' });\n\n  protected readonly contentInitialized = signal(false);\n  protected readonly internalHidden = signal(false);\n\n  protected readonly elementId = computed(() => {\n    return (\n      this.groupId() ||\n      // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK form controls and Solaris Checkbox.\n      this.elementRef.nativeElement.getAttribute('id') ||\n      generateId()\n    );\n  });\n\n  protected readonly labelId = computed(() => `${this.elementId()}-label`);\n\n  protected readonly effectiveDensity = computed<SolarisOptionGroupDensity>(\n    () => {\n      return this.density() ?? 'comfortable';\n    },\n  );\n\n  readonly isEffectivelyDisabled = computed(() => {\n    return this.disabledInput();\n  });\n\n  protected readonly labelText = computed(() => {\n    const key = this.labelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      if (translated !== key) return translated;\n      return this.label() ?? key;\n    }\n    return this.label();\n  });\n\n  protected readonly effectiveAriaLabel = computed(() => {\n    return this.labelText() ?? null;\n  });\n\n  protected readonly ariaLabelledBy = computed(() => {\n    if (this.labelText()) {\n      return this.labelId();\n    }\n    return null;\n  });\n\n  private optionQuerySubscription: Subscription | null = null;\n\n  ngAfterContentInit(): void {\n    this.contentInitialized.set(true);\n    this.propagateDisabledToOptions();\n\n    this.optionQuerySubscription = this.options.changes.subscribe(() => {\n      this.propagateDisabledToOptions();\n    });\n  }\n\n  ngOnDestroy(): void {\n    if (this.optionQuerySubscription) {\n      this.optionQuerySubscription.unsubscribe();\n    }\n  }\n\n  setHidden(v: boolean): void {\n    this.internalHidden.set(v);\n  }\n\n  private propagateDisabledToOptions(): void {\n    if (!this.options) return;\n    const isDisabled = this.isEffectivelyDisabled();\n    this.options.forEach((option) => {\n      option.setGroupDisabledState(isDisabled);\n    });\n  }\n\n  private readonly _disabledEffect = effect(() => {\n    if (!this.contentInitialized()) return;\n    this.isEffectivelyDisabled();\n    this.propagateDisabledToOptions();\n  });\n}\n","<div class=\"solaris-option-group\">\n  @if (labelText(); as groupLabel) {\n    <div class=\"solaris-option-group__label\" [id]=\"labelId()\">\n      {{ groupLabel }}\n    </div>\n  }\n  <div class=\"solaris-option-group__options\">\n    <ng-content />\n  </div>\n</div>\n"]}

package/esm2022/lib/components/forms/option-group/index.js

@@ -0,0 +1,2 @@
+export { SolarisOptionGroupComponent } from './component/option-group.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/forms/option-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/forms/option-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { SolarisOptionGroupComponent } from './component/option-group.component';\nexport type {\n  SolarisOptionGroupSize,\n  SolarisOptionGroupDensity,\n} from './model/option-group.types';\n"]}

package/esm2022/lib/components/forms/option-group/model/option-group.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=option-group.types.js.map

package/esm2022/lib/components/forms/option-group/model/option-group.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-group.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/option-group/model/option-group.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisOptionGroupSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisOptionGroupDensity = 'compact' | 'comfortable';\n"]}

package/esm2022/lib/components/forms/password-field/component/password-field.component.js

@@ -0,0 +1,299 @@
+import { Component, input, computed, signal, output, effect, forwardRef, inject, ViewChild, ElementRef, isDevMode, } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormsModule, } from '@angular/forms';
+import { SolarisFormFieldComponent, SolarisFormSuffixDirective, } from '../../form-field';
+import { solarisPasswordValidator } from '../validators/password.validator';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisIconComponent } from '../../../../components/icon';
+import { SolarisInputDirective } from '../../input';
+import { calculatePasswordStrength } from '../model/password-strength';
+import * as i0 from "@angular/core";
+export class SolarisPasswordFieldComponent {
+    translateService = inject(SolarisTranslateService);
+    inputElementRef;
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : /* istanbul ignore next */ []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    errorKey = input(...(ngDevMode ? [undefined, { debugName: "errorKey" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    placeholderKey = input(...(ngDevMode ? [undefined, { debugName: "placeholderKey" }] : /* istanbul ignore next */ []));
+    autocomplete = input(...(ngDevMode ? [undefined, { debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    invalid = input(...(ngDevMode ? [undefined, { debugName: "invalid" }] : /* istanbul ignore next */ []));
+    appearance = input('outline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    fullWidth = input(true, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
+    showToggle = input(true, ...(ngDevMode ? [{ debugName: "showToggle" }] : /* istanbul ignore next */ []));
+    visible = input(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    showRequirements = input(false, ...(ngDevMode ? [{ debugName: "showRequirements" }] : /* istanbul ignore next */ []));
+    showStrength = input(false, ...(ngDevMode ? [{ debugName: "showStrength" }] : /* istanbul ignore next */ []));
+    policy = input(...(ngDevMode ? [undefined, { debugName: "policy" }] : /* istanbul ignore next */ []));
+    validatePolicy = input(true, ...(ngDevMode ? [{ debugName: "validatePolicy" }] : /* istanbul ignore next */ []));
+    minLength = input(...(ngDevMode ? [undefined, { debugName: "minLength" }] : /* istanbul ignore next */ []));
+    maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
+    toggleShowLabel = input(...(ngDevMode ? [undefined, { debugName: "toggleShowLabel" }] : /* istanbul ignore next */ []));
+    toggleShowLabelKey = input(...(ngDevMode ? [undefined, { debugName: "toggleShowLabelKey" }] : /* istanbul ignore next */ []));
+    toggleHideLabel = input(...(ngDevMode ? [undefined, { debugName: "toggleHideLabel" }] : /* istanbul ignore next */ []));
+    toggleHideLabelKey = input(...(ngDevMode ? [undefined, { debugName: "toggleHideLabelKey" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    visibleChange = output();
+    internalValue = signal('', ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
+    internalFocused = signal(false, ...(ngDevMode ? [{ debugName: "internalFocused" }] : /* istanbul ignore next */ []));
+    internalDisabled = signal(false, ...(ngDevMode ? [{ debugName: "internalDisabled" }] : /* istanbul ignore next */ []));
+    _visibleState = signal(false, ...(ngDevMode ? [{ debugName: "_visibleState" }] : /* istanbul ignore next */ []));
+    touched = signal(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    dirty = signal(false, ...(ngDevMode ? [{ debugName: "dirty" }] : /* istanbul ignore next */ []));
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onChange = () => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    effectivePolicy = computed(() => {
+        const p = this.policy();
+        const min = this.minLength();
+        const max = this.maxLength();
+        if (!p && min === undefined && max === undefined) {
+            return undefined;
+        }
+        return {
+            ...p,
+            ...(min !== undefined ? { minLength: min } : {}),
+            ...(max !== undefined ? { maxLength: max } : {}),
+        };
+    }, ...(ngDevMode ? [{ debugName: "effectivePolicy" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this._visibleState.set(this.visible());
+        });
+    }
+    inputType = computed(() => {
+        return this._visibleState() ? 'text' : 'password';
+    }, ...(ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []));
+    placeholderText = computed(() => {
+        const key = this.placeholderKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return this.placeholder() ?? '';
+    }, ...(ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []));
+    toggleLabel = computed(() => {
+        if (this._visibleState()) {
+            const key = this.toggleHideLabelKey();
+            if (key) {
+                return this.translateService.translate(key);
+            }
+            return (this.toggleHideLabel() ||
+                this.translateWithDefault('solaris.password-field.toggle.hide', 'Hide password'));
+        }
+        const key = this.toggleShowLabelKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return (this.toggleShowLabel() ||
+            this.translateWithDefault('solaris.password-field.toggle.show', 'Show password'));
+    }, ...(ngDevMode ? [{ debugName: "toggleLabel" }] : /* istanbul ignore next */ []));
+    translateWithDefault(key, defaultText, params) {
+        const result = this.translateService.translate(key, params);
+        return result !== key ? result : defaultText;
+    }
+    isEffectivelyDisabled = computed(() => {
+        return this.disabled() || this.internalDisabled();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    isFieldInvalid = computed(() => {
+        const manual = this.invalid();
+        if (manual !== undefined) {
+            return manual;
+        }
+        if (this.internalFocused()) {
+            return false;
+        }
+        const isTouchedOrDirty = this.touched() || this.dirty();
+        if (!isTouchedOrDirty) {
+            return false;
+        }
+        const val = this.internalValue();
+        if (this.required() && (!val || val.length === 0)) {
+            return true;
+        }
+        const currentPolicy = this.effectivePolicy();
+        if (this.validatePolicy() && currentPolicy) {
+            if (typeof val === 'string' && val.length > 0) {
+                const errors = solarisPasswordValidator(currentPolicy)({
+                    value: val,
+                });
+                if (errors && Object.keys(errors).length > 0) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }, ...(ngDevMode ? [{ debugName: "isFieldInvalid" }] : /* istanbul ignore next */ []));
+    computedError = computed(() => {
+        if (!this.isFieldInvalid()) {
+            return '';
+        }
+        const val = this.internalValue();
+        if (!val || val.length === 0) {
+            if (this.required()) {
+                return this.translateWithDefault('solaris.password-field.error.required', 'Password is required.');
+            }
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "computedError" }] : /* istanbul ignore next */ []));
+    requirementList = computed(() => {
+        const p = this.effectivePolicy();
+        if (!p) {
+            return [];
+        }
+        const val = this.internalValue();
+        const items = [];
+        if (p.minLength !== undefined) {
+            items.push({
+                key: 'minLength',
+                label: this.translateWithDefault('solaris.password-field.requirement.minLength', `At least ${p.minLength} characters.`, { count: p.minLength }),
+                met: val.length >= p.minLength,
+            });
+        }
+        if (p.maxLength !== undefined) {
+            items.push({
+                key: 'maxLength',
+                label: this.translateWithDefault('solaris.password-field.requirement.maxLength', `At most ${p.maxLength} characters.`, { count: p.maxLength }),
+                met: val.length <= p.maxLength,
+            });
+        }
+        if (p.requireLowercase) {
+            items.push({
+                key: 'lowercase',
+                label: this.translateWithDefault('solaris.password-field.requirement.lowercase', 'One lowercase letter.'),
+                met: /[a-z]/.test(val),
+            });
+        }
+        if (p.requireUppercase) {
+            items.push({
+                key: 'uppercase',
+                label: this.translateWithDefault('solaris.password-field.requirement.uppercase', 'One uppercase letter.'),
+                met: /[A-Z]/.test(val),
+            });
+        }
+        if (p.requireNumber) {
+            items.push({
+                key: 'number',
+                label: this.translateWithDefault('solaris.password-field.requirement.number', 'One number.'),
+                met: /\d/.test(val),
+            });
+        }
+        if (p.requireSymbol) {
+            items.push({
+                key: 'symbol',
+                label: this.translateWithDefault('solaris.password-field.requirement.symbol', 'One symbol.'),
+                met: /[^a-zA-Z0-9]/.test(val),
+            });
+        }
+        if (p.disallowWhitespace) {
+            items.push({
+                key: 'noWhitespace',
+                label: this.translateWithDefault('solaris.password-field.requirement.noWhitespace', 'No spaces.'),
+                met: !/\s/.test(val),
+            });
+        }
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "requirementList" }] : /* istanbul ignore next */ []));
+    strengthLevel = computed(() => calculatePasswordStrength(this.internalValue()), ...(ngDevMode ? [{ debugName: "strengthLevel" }] : /* istanbul ignore next */ []));
+    strengthLabelText = computed(() => {
+        const level = this.strengthLevel();
+        switch (level) {
+            case 'empty':
+                return '';
+            case 'weak':
+                return this.translateWithDefault('solaris.password-field.strength.weak', 'Weak');
+            case 'medium':
+                return this.translateWithDefault('solaris.password-field.strength.medium', 'Medium');
+            case 'strong':
+                return this.translateWithDefault('solaris.password-field.strength.strong', 'Strong');
+        }
+    }, ...(ngDevMode ? [{ debugName: "strengthLabelText" }] : /* istanbul ignore next */ []));
+    writeValue(safe = '') {
+        this.internalValue.set(safe);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.internalDisabled.set(isDisabled);
+    }
+    onInput(event) {
+        const target = event.target;
+        const newValue = target.value;
+        if (!this.dirty()) {
+            this.dirty.set(true);
+        }
+        this.internalValue.set(newValue);
+        this.onChange(newValue);
+        this.valueChange.emit(newValue);
+    }
+    onInputFocus() {
+        this.internalFocused.set(true);
+    }
+    onInputBlur() {
+        this.internalFocused.set(false);
+        if (!this.touched()) {
+            this.touched.set(true);
+        }
+        this.onTouched();
+    }
+    toggleVisibility() {
+        const newVisible = !this._visibleState();
+        this._visibleState.set(newVisible);
+        this.visibleChange.emit(newVisible);
+        if (this.inputElementRef) {
+            try {
+                // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to restore focus after toggle. No SSR-safe alternative exists for imperative focus. Same approach used by Angular CDK.
+                this.inputElementRef.nativeElement.focus();
+            }
+            catch {
+                if (isDevMode()) {
+                    console.warn('[SolarisPasswordField] Could not restore focus after toggle.');
+                }
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisPasswordFieldComponent, isStandalone: true, selector: "solaris-password-field", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintKey: { classPropertyName: "hintKey", publicName: "hintKey", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorKey: { classPropertyName: "errorKey", publicName: "errorKey", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, placeholderKey: { classPropertyName: "placeholderKey", publicName: "placeholderKey", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, showRequirements: { classPropertyName: "showRequirements", publicName: "showRequirements", isSignal: true, isRequired: false, transformFunction: null }, showStrength: { classPropertyName: "showStrength", publicName: "showStrength", isSignal: true, isRequired: false, transformFunction: null }, policy: { classPropertyName: "policy", publicName: "policy", isSignal: true, isRequired: false, transformFunction: null }, validatePolicy: { classPropertyName: "validatePolicy", publicName: "validatePolicy", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, toggleShowLabel: { classPropertyName: "toggleShowLabel", publicName: "toggleShowLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleShowLabelKey: { classPropertyName: "toggleShowLabelKey", publicName: "toggleShowLabelKey", isSignal: true, isRequired: false, transformFunction: null }, toggleHideLabel: { classPropertyName: "toggleHideLabel", publicName: "toggleHideLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleHideLabelKey: { classPropertyName: "toggleHideLabelKey", publicName: "toggleHideLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", visibleChange: "visibleChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SolarisPasswordFieldComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["inputElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<solaris-form-field\n  [label]=\"label()\"\n  [labelKey]=\"labelKey()\"\n  [hint]=\"hint()\"\n  [hintKey]=\"hintKey()\"\n  [error]=\"error() || computedError()\"\n  [errorKey]=\"errorKey()\"\n  [invalid]=\"isFieldInvalid()\"\n  [required]=\"required()\"\n  [optional]=\"optional()\"\n  [disabled]=\"isEffectivelyDisabled()\"\n  [readonly]=\"readonly()\"\n  [appearance]=\"appearance()\"\n  [size]=\"size()\"\n  [density]=\"density()\"\n  [radius]=\"radius()\"\n>\n  <input\n    #inputElement\n    solaris-input\n    [type]=\"inputType()\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete() ?? null\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n  @if (showToggle()) {\n    <button\n      class=\"solaris-password-field__toggle\"\n      solaris-form-suffix\n      type=\"button\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-label]=\"toggleLabel()\"\n      (click)=\"toggleVisibility()\"\n    >\n      <solaris-icon\n        [name]=\"_visibleState() ? 'eye-off' : 'eye'\"\n        [decorative]=\"true\"\n      />\n    </button>\n  }\n</solaris-form-field>\n\n@if (showRequirements() && effectivePolicy(); as p) {\n  <div class=\"solaris-password-field__requirements\" role=\"list\">\n    @for (req of requirementList(); track req.key) {\n      <div\n        class=\"solaris-password-field__requirement\"\n        role=\"listitem\"\n        [attr.data-met]=\"req.met\"\n      >\n        <solaris-icon\n          class=\"solaris-password-field__requirement-icon\"\n          [name]=\"req.met ? 'check' : 'x'\"\n          [decorative]=\"true\"\n        />\n        <span class=\"solaris-password-field__requirement-label\">\n          {{ req.label }}\n        </span>\n      </div>\n    }\n  </div>\n}\n\n@if (showStrength() && internalValue().length > 0) {\n  <div\n    class=\"solaris-password-field__strength\"\n    [attr.data-level]=\"strengthLevel()\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div class=\"solaris-password-field__strength-bar\">\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() !== 'empty'\"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"\n          strengthLevel() === 'medium' || strengthLevel() === 'strong'\n        \"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"solaris-password-field__strength-label\">\n      {{ strengthLabelText() }}\n    </span>\n  </div>\n}\n", styles: [":host{--solaris-password-field-strength-height: .4rem;--solaris-password-field-strength-gap: var(--solaris-spacing-2, .8rem);--solaris-password-field-requirement-gap: var(--solaris-spacing-1, .4rem);--solaris-password-field-strength-radius: var(--solaris-radius-sm, .2rem);--solaris-password-field-requirement-color: var( --solaris-text-muted, #6b7280 );--solaris-password-field-strength-bar-bg: var( --solaris-surface-muted, #f3f4f6 );--solaris-password-field-strength-weak-color: var( --solaris-danger-text, #dc2626 );--solaris-password-field-requirement-met-color: var( --solaris-success-text, #059669 );--solaris-password-field-requirement-unmet-color: var( --solaris-danger-text, #dc2626 );--solaris-password-field-strength-medium-color: var( --solaris-warning-text, #d97706 );--solaris-password-field-strength-strong-color: var( --solaris-success-text, #059669 );display:block;box-sizing:border-box}.solaris-password-field__toggle{margin:0;padding:0;border:none;font:inherit;line-height:1;cursor:pointer;appearance:none;background:none;box-shadow:none;align-items:center;justify-content:center;-webkit-appearance:none}.solaris-password-field__toggle:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.solaris-form-suffix solaris-icon{cursor:pointer;width:var(--solaris-font-size-xl);height:var(--solaris-font-size-xl);transition:color var(--solaris-motion-duration-normal) ease}.solaris-password-field__requirements{padding:0;display:flex;list-style:none;flex-direction:column;margin-top:var(--solaris-spacing-2);gap:var(--solaris-password-field-requirement-gap)}.solaris-password-field__requirement{display:flex;align-items:center;gap:var(--solaris-spacing-1);font-size:var(--solaris-font-size-sm);color:var(--solaris-password-field-requirement-unmet-color);transition:color var(--solaris-motion-duration-fast, .15s) ease}.solaris-password-field__requirement[data-met=true]{color:var(--solaris-password-field-requirement-met-color)}.solaris-password-field__requirement-icon{width:1em;height:1em;flex-shrink:0}.solaris-password-field__requirement[data-met=true] .solaris-password-field__requirement-icon{color:var(--solaris-password-field-requirement-met-color)}.solaris-password-field__requirement[data-met=false] .solaris-password-field__requirement-icon{color:var(--solaris-password-field-requirement-unmet-color)}.solaris-password-field__strength{display:flex;align-items:center;margin-top:var(--solaris-spacing-1);gap:var(--solaris-password-field-strength-gap)}.solaris-password-field__strength-bar{display:flex;gap:.3rem;flex:1;min-width:4rem;height:var(--solaris-password-field-strength-height)}.solaris-password-field__strength-segment{flex:1;height:100%;background:var(--solaris-password-field-strength-bar-bg);border-radius:var(--solaris-password-field-strength-radius);transition:background-color var(--solaris-motion-duration-normal, .3s) ease}.solaris-password-field__strength[data-level=weak] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-weak-color)}.solaris-password-field__strength[data-level=medium] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-medium-color)}.solaris-password-field__strength[data-level=strong] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-strong-color)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-contacts-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}.solaris-password-field__strength-label{flex-shrink:0;white-space:nowrap;color:var(--solaris-text-muted);font-size:var(--solaris-font-size-xs)}@media(prefers-reduced-motion:reduce){.solaris-password-field__requirement,.solaris-password-field__strength-segment{transition:none}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: SolarisFormFieldComponent, selector: "solaris-form-field", inputs: ["hintKey", "labelKey", "hint", "errorKey", "label", "error", "optionalLabel", "requiredLabel", "optionalLabelKey", "requiredLabelKey", "required", "optional", "invalid", "disabled", "readonly", "density", "size", "radius", "appearance", "control"] }, { kind: "directive", type: SolarisInputDirective, selector: "[solaris-input]", inputs: ["appearance", "radius", "size", "density", "invalid", "fullWidth"] }, { kind: "directive", type: SolarisFormSuffixDirective, selector: "[solaris-form-suffix]" }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPasswordFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-password-field', standalone: true, imports: [
+                        FormsModule,
+                        SolarisFormFieldComponent,
+                        SolarisInputDirective,
+                        SolarisFormSuffixDirective,
+                        SolarisIconComponent,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisPasswordFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<solaris-form-field\n  [label]=\"label()\"\n  [labelKey]=\"labelKey()\"\n  [hint]=\"hint()\"\n  [hintKey]=\"hintKey()\"\n  [error]=\"error() || computedError()\"\n  [errorKey]=\"errorKey()\"\n  [invalid]=\"isFieldInvalid()\"\n  [required]=\"required()\"\n  [optional]=\"optional()\"\n  [disabled]=\"isEffectivelyDisabled()\"\n  [readonly]=\"readonly()\"\n  [appearance]=\"appearance()\"\n  [size]=\"size()\"\n  [density]=\"density()\"\n  [radius]=\"radius()\"\n>\n  <input\n    #inputElement\n    solaris-input\n    [type]=\"inputType()\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete() ?? null\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n  @if (showToggle()) {\n    <button\n      class=\"solaris-password-field__toggle\"\n      solaris-form-suffix\n      type=\"button\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-label]=\"toggleLabel()\"\n      (click)=\"toggleVisibility()\"\n    >\n      <solaris-icon\n        [name]=\"_visibleState() ? 'eye-off' : 'eye'\"\n        [decorative]=\"true\"\n      />\n    </button>\n  }\n</solaris-form-field>\n\n@if (showRequirements() && effectivePolicy(); as p) {\n  <div class=\"solaris-password-field__requirements\" role=\"list\">\n    @for (req of requirementList(); track req.key) {\n      <div\n        class=\"solaris-password-field__requirement\"\n        role=\"listitem\"\n        [attr.data-met]=\"req.met\"\n      >\n        <solaris-icon\n          class=\"solaris-password-field__requirement-icon\"\n          [name]=\"req.met ? 'check' : 'x'\"\n          [decorative]=\"true\"\n        />\n        <span class=\"solaris-password-field__requirement-label\">\n          {{ req.label }}\n        </span>\n      </div>\n    }\n  </div>\n}\n\n@if (showStrength() && internalValue().length > 0) {\n  <div\n    class=\"solaris-password-field__strength\"\n    [attr.data-level]=\"strengthLevel()\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div class=\"solaris-password-field__strength-bar\">\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() !== 'empty'\"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"\n          strengthLevel() === 'medium' || strengthLevel() === 'strong'\n        \"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"solaris-password-field__strength-label\">\n      {{ strengthLabelText() }}\n    </span>\n  </div>\n}\n", styles: [":host{--solaris-password-field-strength-height: .4rem;--solaris-password-field-strength-gap: var(--solaris-spacing-2, .8rem);--solaris-password-field-requirement-gap: var(--solaris-spacing-1, .4rem);--solaris-password-field-strength-radius: var(--solaris-radius-sm, .2rem);--solaris-password-field-requirement-color: var( --solaris-text-muted, #6b7280 );--solaris-password-field-strength-bar-bg: var( --solaris-surface-muted, #f3f4f6 );--solaris-password-field-strength-weak-color: var( --solaris-danger-text, #dc2626 );--solaris-password-field-requirement-met-color: var( --solaris-success-text, #059669 );--solaris-password-field-requirement-unmet-color: var( --solaris-danger-text, #dc2626 );--solaris-password-field-strength-medium-color: var( --solaris-warning-text, #d97706 );--solaris-password-field-strength-strong-color: var( --solaris-success-text, #059669 );display:block;box-sizing:border-box}.solaris-password-field__toggle{margin:0;padding:0;border:none;font:inherit;line-height:1;cursor:pointer;appearance:none;background:none;box-shadow:none;align-items:center;justify-content:center;-webkit-appearance:none}.solaris-password-field__toggle:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.solaris-form-suffix solaris-icon{cursor:pointer;width:var(--solaris-font-size-xl);height:var(--solaris-font-size-xl);transition:color var(--solaris-motion-duration-normal) ease}.solaris-password-field__requirements{padding:0;display:flex;list-style:none;flex-direction:column;margin-top:var(--solaris-spacing-2);gap:var(--solaris-password-field-requirement-gap)}.solaris-password-field__requirement{display:flex;align-items:center;gap:var(--solaris-spacing-1);font-size:var(--solaris-font-size-sm);color:var(--solaris-password-field-requirement-unmet-color);transition:color var(--solaris-motion-duration-fast, .15s) ease}.solaris-password-field__requirement[data-met=true]{color:var(--solaris-password-field-requirement-met-color)}.solaris-password-field__requirement-icon{width:1em;height:1em;flex-shrink:0}.solaris-password-field__requirement[data-met=true] .solaris-password-field__requirement-icon{color:var(--solaris-password-field-requirement-met-color)}.solaris-password-field__requirement[data-met=false] .solaris-password-field__requirement-icon{color:var(--solaris-password-field-requirement-unmet-color)}.solaris-password-field__strength{display:flex;align-items:center;margin-top:var(--solaris-spacing-1);gap:var(--solaris-password-field-strength-gap)}.solaris-password-field__strength-bar{display:flex;gap:.3rem;flex:1;min-width:4rem;height:var(--solaris-password-field-strength-height)}.solaris-password-field__strength-segment{flex:1;height:100%;background:var(--solaris-password-field-strength-bar-bg);border-radius:var(--solaris-password-field-strength-radius);transition:background-color var(--solaris-motion-duration-normal, .3s) ease}.solaris-password-field__strength[data-level=weak] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-weak-color)}.solaris-password-field__strength[data-level=medium] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-medium-color)}.solaris-password-field__strength[data-level=strong] .solaris-password-field__strength-segment[data-active=true]{background-color:var(--solaris-password-field-strength-strong-color)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-contacts-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none}.solaris-password-field__strength-label{flex-shrink:0;white-space:nowrap;color:var(--solaris-text-muted);font-size:var(--solaris-font-size-xs)}@media(prefers-reduced-motion:reduce){.solaris-password-field__requirement,.solaris-password-field__strength-segment{transition:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement', { read: ElementRef }]
+            }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], errorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorKey", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], placeholderKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderKey", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], optional: [{ type: i0.Input, args: [{ isSignal: true, alias: "optional", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }], showRequirements: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRequirements", required: false }] }], showStrength: [{ type: i0.Input, args: [{ isSignal: true, alias: "showStrength", required: false }] }], policy: [{ type: i0.Input, args: [{ isSignal: true, alias: "policy", required: false }] }], validatePolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "validatePolicy", required: false }] }], minLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minLength", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], toggleShowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleShowLabel", required: false }] }], toggleShowLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleShowLabelKey", required: false }] }], toggleHideLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleHideLabel", required: false }] }], toggleHideLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleHideLabelKey", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }] } });
+//# sourceMappingURL=password-field.component.js.map

package/esm2022/lib/components/forms/password-field/component/password-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/component/password-field.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/password-field/component/password-field.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  computed,\n  signal,\n  output,\n  effect,\n  forwardRef,\n  inject,\n  ViewChild,\n  ElementRef,\n  isDevMode,\n} from '@angular/core';\nimport {\n  NG_VALUE_ACCESSOR,\n  ControlValueAccessor,\n  FormsModule,\n} from '@angular/forms';\n\nimport type {\n  SolarisPasswordFieldAppearance,\n  SolarisPasswordFieldSize,\n  SolarisPasswordFieldDensity,\n  SolarisPasswordFieldRadius,\n  SolarisPasswordStrength,\n} from '../model/password-field.types';\nimport {\n  SolarisFormFieldComponent,\n  SolarisFormSuffixDirective,\n} from '../../form-field';\nimport type { SolarisPasswordPolicy } from '../model/password-policy.types';\nimport { solarisPasswordValidator } from '../validators/password.validator';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport type { SolarisTranslateParams } from '../../../../services/translation';\nimport { SolarisIconComponent } from '../../../../components/icon';\nimport { SolarisInputDirective } from '../../input';\nimport { calculatePasswordStrength } from '../model/password-strength';\n\ninterface RequirementItem {\n  key: string;\n  label: string;\n  met: boolean;\n}\n\n@Component({\n  selector: 'solaris-password-field',\n  standalone: true,\n  imports: [\n    FormsModule,\n    SolarisFormFieldComponent,\n    SolarisInputDirective,\n    SolarisFormSuffixDirective,\n    SolarisIconComponent,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisPasswordFieldComponent),\n      multi: true,\n    },\n  ],\n  templateUrl: './password-field.component.html',\n  styleUrls: ['./password-field.component.scss'],\n})\nexport class SolarisPasswordFieldComponent implements ControlValueAccessor {\n  private readonly translateService = inject(SolarisTranslateService);\n\n  @ViewChild('inputElement', { read: ElementRef })\n  protected inputElementRef?: ElementRef<HTMLInputElement>;\n\n  readonly value = input<string>('');\n  readonly label = input<string>('');\n  readonly labelKey = input<string>();\n  readonly hint = input<string>('');\n  readonly hintKey = input<string>();\n  readonly error = input<string>('');\n  readonly errorKey = input<string>();\n  readonly placeholder = input<string>();\n  readonly placeholderKey = input<string>();\n  readonly autocomplete = input<string>();\n  readonly name = input<string>();\n  readonly id = input<string>();\n  readonly required = input<boolean>(false);\n  readonly optional = input<boolean>(false);\n  readonly disabled = input<boolean>(false);\n  readonly readonly = input<boolean>(false);\n  readonly invalid = input<boolean | undefined>();\n  readonly appearance = input<SolarisPasswordFieldAppearance>('outline');\n  readonly size = input<SolarisPasswordFieldSize>('md');\n  readonly density = input<SolarisPasswordFieldDensity>();\n  readonly radius = input<SolarisPasswordFieldRadius>('md');\n  readonly fullWidth = input<boolean>(true);\n\n  readonly showToggle = input<boolean>(true);\n  readonly visible = input<boolean>(false);\n  readonly showRequirements = input<boolean>(false);\n  readonly showStrength = input<boolean>(false);\n  readonly policy = input<SolarisPasswordPolicy | undefined>();\n  readonly validatePolicy = input<boolean>(true);\n  readonly minLength = input<number>();\n  readonly maxLength = input<number>();\n\n  readonly toggleShowLabel = input<string>();\n  readonly toggleShowLabelKey = input<string>();\n  readonly toggleHideLabel = input<string>();\n  readonly toggleHideLabelKey = input<string>();\n\n  readonly valueChange = output<string>();\n  readonly visibleChange = output<boolean>();\n\n  protected readonly internalValue = signal<string>('');\n  protected readonly internalFocused = signal(false);\n  protected readonly internalDisabled = signal(false);\n  protected readonly _visibleState = signal(false);\n  protected readonly touched = signal(false);\n  protected readonly dirty = signal(false);\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (value: string) => void = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => void = () => {};\n\n  protected readonly effectivePolicy = computed<\n    SolarisPasswordPolicy | undefined\n  >(() => {\n    const p = this.policy();\n    const min = this.minLength();\n    const max = this.maxLength();\n    if (!p && min === undefined && max === undefined) {\n      return undefined;\n    }\n    return {\n      ...p,\n      ...(min !== undefined ? { minLength: min } : {}),\n      ...(max !== undefined ? { maxLength: max } : {}),\n    };\n  });\n\n  constructor() {\n    effect(() => {\n      this._visibleState.set(this.visible());\n    });\n  }\n\n  protected readonly inputType = computed(() => {\n    return this._visibleState() ? 'text' : 'password';\n  });\n\n  protected readonly placeholderText = computed(() => {\n    const key = this.placeholderKey();\n    if (key) {\n      return this.translateService.translate(key);\n    }\n    return this.placeholder() ?? '';\n  });\n\n  protected readonly toggleLabel = computed(() => {\n    if (this._visibleState()) {\n      const key = this.toggleHideLabelKey();\n      if (key) {\n        return this.translateService.translate(key);\n      }\n      return (\n        this.toggleHideLabel() ||\n        this.translateWithDefault(\n          'solaris.password-field.toggle.hide',\n          'Hide password',\n        )\n      );\n    }\n    const key = this.toggleShowLabelKey();\n    if (key) {\n      return this.translateService.translate(key);\n    }\n    return (\n      this.toggleShowLabel() ||\n      this.translateWithDefault(\n        'solaris.password-field.toggle.show',\n        'Show password',\n      )\n    );\n  });\n\n  private translateWithDefault(\n    key: string,\n    defaultText: string,\n    params?: SolarisTranslateParams,\n  ): string {\n    const result = this.translateService.translate(key, params);\n    return result !== key ? result : defaultText;\n  }\n\n  protected readonly isEffectivelyDisabled = computed(() => {\n    return this.disabled() || this.internalDisabled();\n  });\n\n  protected readonly isFieldInvalid = computed(() => {\n    const manual = this.invalid();\n    if (manual !== undefined) {\n      return manual;\n    }\n\n    if (this.internalFocused()) {\n      return false;\n    }\n\n    const isTouchedOrDirty = this.touched() || this.dirty();\n    if (!isTouchedOrDirty) {\n      return false;\n    }\n\n    const val = this.internalValue();\n    if (this.required() && (!val || val.length === 0)) {\n      return true;\n    }\n\n    const currentPolicy = this.effectivePolicy();\n    if (this.validatePolicy() && currentPolicy) {\n      if (typeof val === 'string' && val.length > 0) {\n        const errors = solarisPasswordValidator(currentPolicy)({\n          value: val,\n        } as never);\n        if (errors && Object.keys(errors).length > 0) {\n          return true;\n        }\n      }\n    }\n\n    return false;\n  });\n\n  protected readonly computedError = computed(() => {\n    if (!this.isFieldInvalid()) {\n      return '';\n    }\n\n    const val = this.internalValue();\n    if (!val || val.length === 0) {\n      if (this.required()) {\n        return this.translateWithDefault(\n          'solaris.password-field.error.required',\n          'Password is required.',\n        );\n      }\n    }\n\n    return '';\n  });\n\n  protected readonly requirementList = computed<RequirementItem[]>(() => {\n    const p = this.effectivePolicy();\n    if (!p) {\n      return [];\n    }\n    const val = this.internalValue();\n    const items: RequirementItem[] = [];\n\n    if (p.minLength !== undefined) {\n      items.push({\n        key: 'minLength',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.minLength',\n          `At least ${p.minLength} characters.`,\n          { count: p.minLength },\n        ),\n        met: val.length >= p.minLength,\n      });\n    }\n\n    if (p.maxLength !== undefined) {\n      items.push({\n        key: 'maxLength',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.maxLength',\n          `At most ${p.maxLength} characters.`,\n          { count: p.maxLength },\n        ),\n        met: val.length <= p.maxLength,\n      });\n    }\n\n    if (p.requireLowercase) {\n      items.push({\n        key: 'lowercase',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.lowercase',\n          'One lowercase letter.',\n        ),\n        met: /[a-z]/.test(val),\n      });\n    }\n\n    if (p.requireUppercase) {\n      items.push({\n        key: 'uppercase',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.uppercase',\n          'One uppercase letter.',\n        ),\n        met: /[A-Z]/.test(val),\n      });\n    }\n\n    if (p.requireNumber) {\n      items.push({\n        key: 'number',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.number',\n          'One number.',\n        ),\n        met: /\\d/.test(val),\n      });\n    }\n\n    if (p.requireSymbol) {\n      items.push({\n        key: 'symbol',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.symbol',\n          'One symbol.',\n        ),\n        met: /[^a-zA-Z0-9]/.test(val),\n      });\n    }\n\n    if (p.disallowWhitespace) {\n      items.push({\n        key: 'noWhitespace',\n        label: this.translateWithDefault(\n          'solaris.password-field.requirement.noWhitespace',\n          'No spaces.',\n        ),\n        met: !/\\s/.test(val),\n      });\n    }\n\n    return items;\n  });\n\n  protected readonly strengthLevel = computed<SolarisPasswordStrength>(() =>\n    calculatePasswordStrength(this.internalValue()),\n  );\n\n  protected readonly strengthLabelText = computed(() => {\n    const level = this.strengthLevel();\n    switch (level) {\n      case 'empty':\n        return '';\n      case 'weak':\n        return this.translateWithDefault(\n          'solaris.password-field.strength.weak',\n          'Weak',\n        );\n      case 'medium':\n        return this.translateWithDefault(\n          'solaris.password-field.strength.medium',\n          'Medium',\n        );\n      case 'strong':\n        return this.translateWithDefault(\n          'solaris.password-field.strength.strong',\n          'Strong',\n        );\n    }\n  });\n\n  writeValue(safe = ''): void {\n    this.internalValue.set(safe);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.internalDisabled.set(isDisabled);\n  }\n\n  protected onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n\n    if (!this.dirty()) {\n      this.dirty.set(true);\n    }\n\n    this.internalValue.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  protected onInputFocus(): void {\n    this.internalFocused.set(true);\n  }\n\n  protected onInputBlur(): void {\n    this.internalFocused.set(false);\n\n    if (!this.touched()) {\n      this.touched.set(true);\n    }\n\n    this.onTouched();\n  }\n\n  protected toggleVisibility(): void {\n    const newVisible = !this._visibleState();\n    this._visibleState.set(newVisible);\n    this.visibleChange.emit(newVisible);\n\n    if (this.inputElementRef) {\n      try {\n        // SECURITY_EXCEPTION: nativeElement.focus() is the standard DOM API to restore focus after toggle. No SSR-safe alternative exists for imperative focus. Same approach used by Angular CDK.\n        this.inputElementRef.nativeElement.focus();\n      } catch {\n        if (isDevMode()) {\n          console.warn(\n            '[SolarisPasswordField] Could not restore focus after toggle.',\n          );\n        }\n      }\n    }\n  }\n}\n","<solaris-form-field\n  [label]=\"label()\"\n  [labelKey]=\"labelKey()\"\n  [hint]=\"hint()\"\n  [hintKey]=\"hintKey()\"\n  [error]=\"error() || computedError()\"\n  [errorKey]=\"errorKey()\"\n  [invalid]=\"isFieldInvalid()\"\n  [required]=\"required()\"\n  [optional]=\"optional()\"\n  [disabled]=\"isEffectivelyDisabled()\"\n  [readonly]=\"readonly()\"\n  [appearance]=\"appearance()\"\n  [size]=\"size()\"\n  [density]=\"density()\"\n  [radius]=\"radius()\"\n>\n  <input\n    #inputElement\n    solaris-input\n    [type]=\"inputType()\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete() ?? null\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n  @if (showToggle()) {\n    <button\n      class=\"solaris-password-field__toggle\"\n      solaris-form-suffix\n      type=\"button\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [attr.aria-label]=\"toggleLabel()\"\n      (click)=\"toggleVisibility()\"\n    >\n      <solaris-icon\n        [name]=\"_visibleState() ? 'eye-off' : 'eye'\"\n        [decorative]=\"true\"\n      />\n    </button>\n  }\n</solaris-form-field>\n\n@if (showRequirements() && effectivePolicy(); as p) {\n  <div class=\"solaris-password-field__requirements\" role=\"list\">\n    @for (req of requirementList(); track req.key) {\n      <div\n        class=\"solaris-password-field__requirement\"\n        role=\"listitem\"\n        [attr.data-met]=\"req.met\"\n      >\n        <solaris-icon\n          class=\"solaris-password-field__requirement-icon\"\n          [name]=\"req.met ? 'check' : 'x'\"\n          [decorative]=\"true\"\n        />\n        <span class=\"solaris-password-field__requirement-label\">\n          {{ req.label }}\n        </span>\n      </div>\n    }\n  </div>\n}\n\n@if (showStrength() && internalValue().length > 0) {\n  <div\n    class=\"solaris-password-field__strength\"\n    [attr.data-level]=\"strengthLevel()\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div class=\"solaris-password-field__strength-bar\">\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() !== 'empty'\"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"\n          strengthLevel() === 'medium' || strengthLevel() === 'strong'\n        \"\n      ></div>\n      <div\n        class=\"solaris-password-field__strength-segment\"\n        [attr.data-active]=\"strengthLevel() === 'strong'\"\n      ></div>\n    </div>\n    <span class=\"solaris-password-field__strength-label\">\n      {{ strengthLabelText() }}\n    </span>\n  </div>\n}\n"]}

package/esm2022/lib/components/forms/password-field/model/password-field-constants.js

@@ -0,0 +1,5 @@
+export const ALPHABET = 'abcdefghijklmnopqrstuvwxyz';
+export const DIGITS = '0123456789';
+export const SEQUENTIAL_MIN_LENGTH = 4;
+export const REPEAT_MIN_COUNT = 3;
+//# sourceMappingURL=password-field-constants.js.map

package/esm2022/lib/components/forms/password-field/model/password-field-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field-constants.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/model/password-field-constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,4BAA4B,CAAC;AACrD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;AACnC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC","sourcesContent":["export const ALPHABET = 'abcdefghijklmnopqrstuvwxyz';\nexport const DIGITS = '0123456789';\nexport const SEQUENTIAL_MIN_LENGTH = 4;\nexport const REPEAT_MIN_COUNT = 3;\n"]}

package/esm2022/lib/components/forms/password-field/model/password-field.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=password-field.types.js.map

package/esm2022/lib/components/forms/password-field/model/password-field.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/model/password-field.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  SolarisFormFieldAppearance,\n  SolarisFormFieldSize,\n  SolarisFormFieldDensity,\n  SolarisFormFieldRadius,\n} from '../../form-field';\n\nexport type SolarisPasswordFieldSize = SolarisFormFieldSize;\nexport type SolarisPasswordFieldRadius = SolarisFormFieldRadius;\nexport type SolarisPasswordFieldDensity = SolarisFormFieldDensity;\nexport type SolarisPasswordFieldAppearance = SolarisFormFieldAppearance;\nexport type SolarisPasswordStrength = 'empty' | 'weak' | 'medium' | 'strong';\n"]}

package/esm2022/lib/components/forms/password-field/model/password-policy.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=password-policy.types.js.map

package/esm2022/lib/components/forms/password-field/model/password-policy.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-policy.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/password-field/model/password-policy.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface SolarisPasswordPolicy {\n  minLength?: number;\n  maxLength?: number;\n  requireLowercase?: boolean;\n  requireUppercase?: boolean;\n  requireNumber?: boolean;\n  requireSymbol?: boolean;\n  disallowWhitespace?: boolean;\n  forbiddenValues?: string[];\n}\n"]}