@educarehq/solaris-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,215 @@
+import { Component, input, computed, signal, forwardRef, inject, ViewChild, ElementRef, isDevMode, } from '@angular/core';
+import { NG_VALUE_ACCESSOR, FormsModule, } from '@angular/forms';
+import { isValidEmailFormat, extractDomain, isDomainAllowed, isDomainBlocked, } from '../validators/email-field.validators';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisFormFieldComponent } from '../../form-field';
+import { SolarisInputDirective } from '../../input';
+import * as i0 from "@angular/core";
+export class SolarisEmailFieldComponent {
+    translateService = inject(SolarisTranslateService);
+    inputElementRef;
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : /* istanbul ignore next */ []));
+    hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    errorKey = input(...(ngDevMode ? [undefined, { debugName: "errorKey" }] : /* istanbul ignore next */ []));
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    invalidError = input(...(ngDevMode ? [undefined, { debugName: "invalidError" }] : /* istanbul ignore next */ []));
+    requiredError = input(...(ngDevMode ? [undefined, { debugName: "requiredError" }] : /* istanbul ignore next */ []));
+    placeholderKey = input(...(ngDevMode ? [undefined, { debugName: "placeholderKey" }] : /* istanbul ignore next */ []));
+    invalidErrorKey = input(...(ngDevMode ? [undefined, { debugName: "invalidErrorKey" }] : /* istanbul ignore next */ []));
+    requiredErrorKey = input(...(ngDevMode ? [undefined, { debugName: "requiredErrorKey" }] : /* istanbul ignore next */ []));
+    allowedDomainError = input(...(ngDevMode ? [undefined, { debugName: "allowedDomainError" }] : /* istanbul ignore next */ []));
+    blockedDomainError = input(...(ngDevMode ? [undefined, { debugName: "blockedDomainError" }] : /* 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 */ []));
+    trimOnBlur = input(true, ...(ngDevMode ? [{ debugName: "trimOnBlur" }] : /* istanbul ignore next */ []));
+    allowedDomainErrorKey = input(...(ngDevMode ? [undefined, { debugName: "allowedDomainErrorKey" }] : /* istanbul ignore next */ []));
+    blockedDomainErrorKey = input(...(ngDevMode ? [undefined, { debugName: "blockedDomainErrorKey" }] : /* istanbul ignore next */ []));
+    autocomplete = input('email', ...(ngDevMode ? [{ debugName: "autocomplete" }] : /* istanbul ignore next */ []));
+    invalid = input(...(ngDevMode ? [undefined, { debugName: "invalid" }] : /* istanbul ignore next */ []));
+    normalizeLowercase = input(false, ...(ngDevMode ? [{ debugName: "normalizeLowercase" }] : /* istanbul ignore next */ []));
+    allowedDomains = input(...(ngDevMode ? [undefined, { debugName: "allowedDomains" }] : /* istanbul ignore next */ []));
+    blockedDomains = input(...(ngDevMode ? [undefined, { debugName: "blockedDomains" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    appearance = input('outline', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    maxLength = input(...(ngDevMode ? [undefined, { debugName: "maxLength" }] : /* istanbul ignore next */ []));
+    validateDomain = input(false, { ...(ngDevMode ? { debugName: "validateDomain" } : /* istanbul ignore next */ {}), transform: (v) => v });
+    internalValue = signal('', ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
+    internalDisabled = signal(false, ...(ngDevMode ? [{ debugName: "internalDisabled" }] : /* istanbul ignore next */ []));
+    internalFocused = signal(false, ...(ngDevMode ? [{ debugName: "internalFocused" }] : /* 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 = () => { };
+    placeholderText = computed(() => {
+        const key = this.placeholderKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return this.placeholder() ?? '';
+    }, ...(ngDevMode ? [{ debugName: "placeholderText" }] : /* istanbul ignore next */ []));
+    isEffectivelyDisabled = computed(() => {
+        return this.disabled() || this.internalDisabled();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    effectiveValidateDomain = computed(() => {
+        const explicit = this.validateDomain();
+        if (explicit)
+            return true;
+        const allowed = this.allowedDomains();
+        const blocked = this.blockedDomains();
+        if (allowed && allowed.length > 0)
+            return true;
+        return !!(blocked && blocked.length > 0);
+    }, ...(ngDevMode ? [{ debugName: "effectiveValidateDomain" }] : /* istanbul ignore next */ []));
+    computedError = computed(() => {
+        const manualError = this.error() || this.translateKey(this.errorKey());
+        if (manualError)
+            return manualError;
+        const val = this.internalValue();
+        const isTouchedOrDirty = this.touched() || this.dirty();
+        if (!isTouchedOrDirty || this.internalFocused())
+            return '';
+        if (!val || val.trim().length === 0) {
+            if (this.required()) {
+                return this.buildError(this.requiredError(), this.requiredErrorKey(), 'solaris.email-field.required', 'Email is required.');
+            }
+            return '';
+        }
+        if (!isValidEmailFormat(val)) {
+            return this.buildError(this.invalidError(), this.invalidErrorKey(), 'solaris.email-field.invalid', 'Enter a valid email address.');
+        }
+        return this.computeDomainError(val) ?? '';
+    }, ...(ngDevMode ? [{ debugName: "computedError" }] : /* 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;
+        }
+        return !!this.computedError();
+    }, ...(ngDevMode ? [{ debugName: "isFieldInvalid" }] : /* 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);
+    }
+    onInputFocus() {
+        this.internalFocused.set(true);
+    }
+    onInputBlur() {
+        this.internalFocused.set(false);
+        let currentValue = this.internalValue();
+        if (this.trimOnBlur()) {
+            currentValue = currentValue.trim();
+        }
+        if (this.normalizeLowercase()) {
+            currentValue = currentValue.toLowerCase();
+        }
+        if (currentValue !== this.internalValue()) {
+            this.internalValue.set(currentValue);
+            this.onChange(currentValue);
+            if (this.inputElementRef) {
+                try {
+                    // SECURITY_EXCEPTION: nativeElement.value assignment is required to sync the input element with the normalized value after blur. Angular's data binding may not reflect synchronous value changes to the native input. Same approach is standard for CVA blur normalization.
+                    this.inputElementRef.nativeElement.value = currentValue;
+                }
+                catch {
+                    if (isDevMode()) {
+                        console.warn('[SolarisEmailField] Could not update input value after normalization.');
+                    }
+                }
+            }
+        }
+        if (!this.touched()) {
+            this.touched.set(true);
+        }
+        this.onTouched();
+    }
+    translateWithDefault(key, defaultText, params) {
+        const result = this.translateService.translate(key, params);
+        return result !== key ? result : defaultText;
+    }
+    translateKey(key) {
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return undefined;
+    }
+    buildError(direct, key, fallbackKey, fallbackDefault) {
+        return (direct ??
+            this.translateKey(key) ??
+            this.translateWithDefault(fallbackKey, fallbackDefault));
+    }
+    computeDomainError(val) {
+        if (!this.effectiveValidateDomain())
+            return undefined;
+        const domain = extractDomain(val);
+        if (!domain)
+            return undefined;
+        const allowed = this.allowedDomains();
+        if (allowed && allowed.length > 0 && !isDomainAllowed(domain, allowed)) {
+            return this.buildError(this.allowedDomainError(), this.allowedDomainErrorKey(), 'solaris.email-field.allowedDomain', 'Email domain is not allowed.');
+        }
+        const blocked = this.blockedDomains();
+        if (blocked && blocked.length > 0 && isDomainBlocked(domain, blocked)) {
+            return this.buildError(this.blockedDomainError(), this.blockedDomainErrorKey(), 'solaris.email-field.blockedDomain', 'Email domain is not allowed.');
+        }
+        return undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEmailFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisEmailFieldComponent, isStandalone: true, selector: "solaris-email-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, hintKey: { classPropertyName: "hintKey", publicName: "hintKey", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, errorKey: { classPropertyName: "errorKey", publicName: "errorKey", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, invalidError: { classPropertyName: "invalidError", publicName: "invalidError", isSignal: true, isRequired: false, transformFunction: null }, requiredError: { classPropertyName: "requiredError", publicName: "requiredError", isSignal: true, isRequired: false, transformFunction: null }, placeholderKey: { classPropertyName: "placeholderKey", publicName: "placeholderKey", isSignal: true, isRequired: false, transformFunction: null }, invalidErrorKey: { classPropertyName: "invalidErrorKey", publicName: "invalidErrorKey", isSignal: true, isRequired: false, transformFunction: null }, requiredErrorKey: { classPropertyName: "requiredErrorKey", publicName: "requiredErrorKey", isSignal: true, isRequired: false, transformFunction: null }, allowedDomainError: { classPropertyName: "allowedDomainError", publicName: "allowedDomainError", isSignal: true, isRequired: false, transformFunction: null }, blockedDomainError: { classPropertyName: "blockedDomainError", publicName: "blockedDomainError", 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 }, trimOnBlur: { classPropertyName: "trimOnBlur", publicName: "trimOnBlur", isSignal: true, isRequired: false, transformFunction: null }, allowedDomainErrorKey: { classPropertyName: "allowedDomainErrorKey", publicName: "allowedDomainErrorKey", isSignal: true, isRequired: false, transformFunction: null }, blockedDomainErrorKey: { classPropertyName: "blockedDomainErrorKey", publicName: "blockedDomainErrorKey", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, normalizeLowercase: { classPropertyName: "normalizeLowercase", publicName: "normalizeLowercase", isSignal: true, isRequired: false, transformFunction: null }, allowedDomains: { classPropertyName: "allowedDomains", publicName: "allowedDomains", isSignal: true, isRequired: false, transformFunction: null }, blockedDomains: { classPropertyName: "blockedDomains", publicName: "blockedDomains", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, validateDomain: { classPropertyName: "validateDomain", publicName: "validateDomain", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SolarisEmailFieldComponent),
+                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=\"email\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [attr.inputmode]=\"'email'\"\n    [attr.autocapitalize]=\"'none'\"\n    [attr.spellcheck]=\"'false'\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    [attr.maxlength]=\"maxLength() ?? null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n</solaris-form-field>\n", styles: [":host{display:block;box-sizing:border-box}\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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisEmailFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-email-field', standalone: true, imports: [FormsModule, SolarisFormFieldComponent, SolarisInputDirective], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisEmailFieldComponent),
+                            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=\"email\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [attr.inputmode]=\"'email'\"\n    [attr.autocapitalize]=\"'none'\"\n    [attr.spellcheck]=\"'false'\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    [attr.maxlength]=\"maxLength() ?? null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n</solaris-form-field>\n", styles: [":host{display:block;box-sizing:border-box}\n"] }]
+        }], propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['inputElement', { read: ElementRef }]
+            }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], errorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorKey", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], invalidError: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidError", required: false }] }], requiredError: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredError", required: false }] }], placeholderKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderKey", required: false }] }], invalidErrorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidErrorKey", required: false }] }], requiredErrorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredErrorKey", required: false }] }], allowedDomainError: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedDomainError", required: false }] }], blockedDomainError: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockedDomainError", 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 }] }], trimOnBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "trimOnBlur", required: false }] }], allowedDomainErrorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedDomainErrorKey", required: false }] }], blockedDomainErrorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockedDomainErrorKey", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], normalizeLowercase: [{ type: i0.Input, args: [{ isSignal: true, alias: "normalizeLowercase", required: false }] }], allowedDomains: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedDomains", required: false }] }], blockedDomains: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockedDomains", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], validateDomain: [{ type: i0.Input, args: [{ isSignal: true, alias: "validateDomain", required: false }] }] } });
+//# sourceMappingURL=email-field.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/email-field/component/email-field.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/email-field/component/email-field.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  computed,\n  signal,\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  SolarisEmailFieldAppearance,\n  SolarisEmailFieldSize,\n  SolarisEmailFieldDensity,\n  SolarisEmailFieldRadius,\n} from '../model/email-field.types';\nimport {\n  isValidEmailFormat,\n  extractDomain,\n  isDomainAllowed,\n  isDomainBlocked,\n} from '../validators/email-field.validators';\nimport type { SolarisTranslateParams } from '../../../../services/translation';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisFormFieldComponent } from '../../form-field';\nimport { SolarisInputDirective } from '../../input';\n\n@Component({\n  selector: 'solaris-email-field',\n  standalone: true,\n  imports: [FormsModule, SolarisFormFieldComponent, SolarisInputDirective],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisEmailFieldComponent),\n      multi: true,\n    },\n  ],\n  templateUrl: './email-field.component.html',\n  styleUrls: ['./email-field.component.scss'],\n})\nexport class SolarisEmailFieldComponent implements ControlValueAccessor {\n  private readonly translateService = inject(SolarisTranslateService);\n\n  @ViewChild('inputElement', { read: ElementRef })\n  protected inputElementRef?: ElementRef<HTMLInputElement>;\n\n  readonly id = input<string>();\n  readonly name = input<string>();\n  readonly hintKey = input<string>();\n  readonly hint = input<string>('');\n  readonly labelKey = input<string>();\n  readonly errorKey = input<string>();\n  readonly value = input<string>('');\n  readonly label = input<string>('');\n  readonly error = input<string>('');\n  readonly placeholder = input<string>();\n  readonly invalidError = input<string>();\n  readonly requiredError = input<string>();\n  readonly placeholderKey = input<string>();\n  readonly invalidErrorKey = input<string>();\n  readonly requiredErrorKey = input<string>();\n  readonly allowedDomainError = input<string>();\n  readonly blockedDomainError = 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 trimOnBlur = input<boolean>(true);\n  readonly allowedDomainErrorKey = input<string>();\n  readonly blockedDomainErrorKey = input<string>();\n  readonly autocomplete = input<string>('email');\n  readonly invalid = input<boolean | undefined>();\n  readonly normalizeLowercase = input<boolean>(false);\n  readonly allowedDomains = input<string[] | undefined>();\n  readonly blockedDomains = input<string[] | undefined>();\n  readonly density = input<SolarisEmailFieldDensity>();\n  readonly size = input<SolarisEmailFieldSize>('md');\n  readonly radius = input<SolarisEmailFieldRadius>('md');\n  readonly appearance = input<SolarisEmailFieldAppearance>('outline');\n  readonly maxLength = input<number | undefined>();\n  readonly validateDomain = input<boolean, boolean>(false, {\n    transform: (v: boolean) => v,\n  });\n\n  protected readonly internalValue = signal<string>('');\n  protected readonly internalDisabled = signal(false);\n  protected readonly internalFocused = 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 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 isEffectivelyDisabled = computed(() => {\n    return this.disabled() || this.internalDisabled();\n  });\n\n  protected readonly effectiveValidateDomain = computed(() => {\n    const explicit = this.validateDomain();\n    if (explicit) return true;\n    const allowed = this.allowedDomains();\n    const blocked = this.blockedDomains();\n    if (allowed && allowed.length > 0) return true;\n    return !!(blocked && blocked.length > 0);\n  });\n\n  protected readonly computedError = computed(() => {\n    const manualError = this.error() || this.translateKey(this.errorKey());\n    if (manualError) return manualError;\n\n    const val = this.internalValue();\n    const isTouchedOrDirty = this.touched() || this.dirty();\n    if (!isTouchedOrDirty || this.internalFocused()) return '';\n\n    if (!val || val.trim().length === 0) {\n      if (this.required()) {\n        return this.buildError(\n          this.requiredError(),\n          this.requiredErrorKey(),\n          'solaris.email-field.required',\n          'Email is required.',\n        );\n      }\n      return '';\n    }\n\n    if (!isValidEmailFormat(val)) {\n      return this.buildError(\n        this.invalidError(),\n        this.invalidErrorKey(),\n        'solaris.email-field.invalid',\n        'Enter a valid email address.',\n      );\n    }\n\n    return this.computeDomainError(val) ?? '';\n  });\n\n  protected readonly isFieldInvalid = computed(() => {\n    const manual = this.invalid();\n    if (manual !== undefined) {\n      return manual;\n    }\n    if (this.internalFocused()) {\n      return false;\n    }\n    const isTouchedOrDirty = this.touched() || this.dirty();\n    if (!isTouchedOrDirty) {\n      return false;\n    }\n    return !!this.computedError();\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  }\n\n  protected onInputFocus(): void {\n    this.internalFocused.set(true);\n  }\n\n  protected onInputBlur(): void {\n    this.internalFocused.set(false);\n\n    let currentValue = this.internalValue();\n\n    if (this.trimOnBlur()) {\n      currentValue = currentValue.trim();\n    }\n\n    if (this.normalizeLowercase()) {\n      currentValue = currentValue.toLowerCase();\n    }\n\n    if (currentValue !== this.internalValue()) {\n      this.internalValue.set(currentValue);\n      this.onChange(currentValue);\n\n      if (this.inputElementRef) {\n        try {\n          // SECURITY_EXCEPTION: nativeElement.value assignment is required to sync the input element with the normalized value after blur. Angular's data binding may not reflect synchronous value changes to the native input. Same approach is standard for CVA blur normalization.\n          this.inputElementRef.nativeElement.value = currentValue;\n        } catch {\n          if (isDevMode()) {\n            console.warn(\n              '[SolarisEmailField] Could not update input value after normalization.',\n            );\n          }\n        }\n      }\n    }\n\n    if (!this.touched()) {\n      this.touched.set(true);\n    }\n\n    this.onTouched();\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  private translateKey(key: string | undefined): string | undefined {\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return undefined;\n  }\n\n  private buildError(\n    direct: string | undefined,\n    key: string | undefined,\n    fallbackKey: string,\n    fallbackDefault: string,\n  ): string {\n    return (\n      direct ??\n      this.translateKey(key) ??\n      this.translateWithDefault(fallbackKey, fallbackDefault)\n    );\n  }\n\n  private computeDomainError(val: string): string | undefined {\n    if (!this.effectiveValidateDomain()) return undefined;\n    const domain = extractDomain(val);\n    if (!domain) return undefined;\n\n    const allowed = this.allowedDomains();\n    if (allowed && allowed.length > 0 && !isDomainAllowed(domain, allowed)) {\n      return this.buildError(\n        this.allowedDomainError(),\n        this.allowedDomainErrorKey(),\n        'solaris.email-field.allowedDomain',\n        'Email domain is not allowed.',\n      );\n    }\n\n    const blocked = this.blockedDomains();\n    if (blocked && blocked.length > 0 && isDomainBlocked(domain, blocked)) {\n      return this.buildError(\n        this.blockedDomainError(),\n        this.blockedDomainErrorKey(),\n        'solaris.email-field.blockedDomain',\n        'Email domain is not allowed.',\n      );\n    }\n\n    return undefined;\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=\"email\"\n    [value]=\"internalValue()\"\n    [disabled]=\"isEffectivelyDisabled()\"\n    [readonly]=\"readonly()\"\n    [attr.autocomplete]=\"autocomplete()\"\n    [attr.inputmode]=\"'email'\"\n    [attr.autocapitalize]=\"'none'\"\n    [attr.spellcheck]=\"'false'\"\n    [attr.name]=\"name() ?? null\"\n    [attr.id]=\"id() ?? null\"\n    [attr.placeholder]=\"placeholderText() || null\"\n    [attr.maxlength]=\"maxLength() ?? null\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n  />\n</solaris-form-field>\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/email-field/model/email-field.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  SolarisFormFieldAppearance,\n  SolarisFormFieldSize,\n  SolarisFormFieldDensity,\n  SolarisFormFieldRadius,\n} from '../../form-field';\n\nexport type DomainCheckFn = (\n  normalizedDomains: string[],\n  domain: string,\n) => boolean;\nexport type SolarisEmailFieldAppearance = SolarisFormFieldAppearance;\nexport type SolarisEmailFieldDensity = SolarisFormFieldDensity;\nexport type SolarisEmailFieldRadius = SolarisFormFieldRadius;\nexport type SolarisEmailFieldSize = SolarisFormFieldSize;\n"]}

package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js

@@ -0,0 +1,69 @@
+const BASIC_EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+export function solarisEmailValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value || typeof value !== 'string') {
+            return null;
+        }
+        const trimmed = value.trim();
+        if (trimmed.length === 0) {
+            return null;
+        }
+        if (!BASIC_EMAIL_REGEX.test(trimmed)) {
+            return { solarisEmail: true };
+        }
+        return null;
+    };
+}
+function solarisDomainValidator(domains, checkFn, errorKey) {
+    return (control) => {
+        const value = control.value;
+        if (!value || typeof value !== 'string') {
+            return null;
+        }
+        const trimmed = value.trim();
+        if (trimmed.length === 0) {
+            return null;
+        }
+        const domain = extractDomain(trimmed)?.toLowerCase();
+        if (!domain) {
+            return null;
+        }
+        const normalizedDomains = domains.map((d) => d.toLowerCase().trim());
+        if (checkFn(normalizedDomains, domain)) {
+            return { [errorKey]: true };
+        }
+        return null;
+    };
+}
+export function solarisAllowedDomainsValidator(allowedDomains) {
+    return solarisDomainValidator(allowedDomains, (normalized, domain) => !normalized.includes(domain), 'solarisEmailAllowedDomain');
+}
+export function solarisBlockedDomainsValidator(blockedDomains) {
+    return solarisDomainValidator(blockedDomains, (normalized, domain) => normalized.includes(domain), 'solarisEmailBlockedDomain');
+}
+export function extractDomain(value) {
+    const trimmed = value.trim();
+    const atIndex = trimmed.lastIndexOf('@');
+    if (atIndex < 0) {
+        return null;
+    }
+    const domain = trimmed.slice(atIndex + 1);
+    return domain || null;
+}
+export function isValidEmailFormat(value) {
+    if (!value)
+        return false;
+    return BASIC_EMAIL_REGEX.test(value.trim());
+}
+export function isDomainAllowed(domain, allowedDomains) {
+    return allowedDomains
+        .map((d) => d.toLowerCase().trim())
+        .includes(domain.toLowerCase().trim());
+}
+export function isDomainBlocked(domain, blockedDomains) {
+    return blockedDomains
+        .map((d) => d.toLowerCase().trim())
+        .includes(domain.toLowerCase().trim());
+}
+//# sourceMappingURL=email-field.validators.js.map

package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-field.validators.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/email-field/validators/email-field.validators.ts"],"names":[],"mappings":"AAGA,MAAM,iBAAiB,GAAG,kDAAkD,CAAC;AAE7E,MAAM,UAAU,qBAAqB;IACnC,OAAO,CAAC,OAAwB,EAA2B,EAAE;QAC3D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACrC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;QAChC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,sBAAsB,CAC7B,OAAiB,EACjB,OAAsB,EACtB,QAAgB;IAEhB,OAAO,CAAC,OAAwB,EAA2B,EAAE;QAC3D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACxC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;QACrD,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACrE,IAAI,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,EAAE,CAAC;YACvC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;QAC9B,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,cAAwB;IAExB,OAAO,sBAAsB,CAC3B,cAAc,EACd,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EACpD,2BAA2B,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,8BAA8B,CAC5C,cAAwB;IAExB,OAAO,sBAAsB,CAC3B,cAAc,EACd,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EACnD,2BAA2B,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAC1C,OAAO,MAAM,IAAI,IAAI,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAa;IAC9C,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAAc,EACd,cAAwB;IAExB,OAAO,cAAc;SAClB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;SAClC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAAc,EACd,cAAwB;IAExB,OAAO,cAAc;SAClB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;SAClC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;AAC3C,CAAC","sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { DomainCheckFn } from '../model/email-field.types';\n\nconst BASIC_EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n\nexport function solarisEmailValidator(): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const value = control.value;\n    if (!value || typeof value !== 'string') {\n      return null;\n    }\n    const trimmed = value.trim();\n    if (trimmed.length === 0) {\n      return null;\n    }\n    if (!BASIC_EMAIL_REGEX.test(trimmed)) {\n      return { solarisEmail: true };\n    }\n    return null;\n  };\n}\n\nfunction solarisDomainValidator(\n  domains: string[],\n  checkFn: DomainCheckFn,\n  errorKey: string,\n): ValidatorFn {\n  return (control: AbstractControl): ValidationErrors | null => {\n    const value = control.value;\n    if (!value || typeof value !== 'string') {\n      return null;\n    }\n    const trimmed = value.trim();\n    if (trimmed.length === 0) {\n      return null;\n    }\n    const domain = extractDomain(trimmed)?.toLowerCase();\n    if (!domain) {\n      return null;\n    }\n    const normalizedDomains = domains.map((d) => d.toLowerCase().trim());\n    if (checkFn(normalizedDomains, domain)) {\n      return { [errorKey]: true };\n    }\n    return null;\n  };\n}\n\nexport function solarisAllowedDomainsValidator(\n  allowedDomains: string[],\n): ValidatorFn {\n  return solarisDomainValidator(\n    allowedDomains,\n    (normalized, domain) => !normalized.includes(domain),\n    'solarisEmailAllowedDomain',\n  );\n}\n\nexport function solarisBlockedDomainsValidator(\n  blockedDomains: string[],\n): ValidatorFn {\n  return solarisDomainValidator(\n    blockedDomains,\n    (normalized, domain) => normalized.includes(domain),\n    'solarisEmailBlockedDomain',\n  );\n}\n\nexport function extractDomain(value: string): string | null {\n  const trimmed = value.trim();\n  const atIndex = trimmed.lastIndexOf('@');\n  if (atIndex < 0) {\n    return null;\n  }\n  const domain = trimmed.slice(atIndex + 1);\n  return domain || null;\n}\n\nexport function isValidEmailFormat(value: string): boolean {\n  if (!value) return false;\n  return BASIC_EMAIL_REGEX.test(value.trim());\n}\n\nexport function isDomainAllowed(\n  domain: string,\n  allowedDomains: string[],\n): boolean {\n  return allowedDomains\n    .map((d) => d.toLowerCase().trim())\n    .includes(domain.toLowerCase().trim());\n}\n\nexport function isDomainBlocked(\n  domain: string,\n  blockedDomains: string[],\n): boolean {\n  return blockedDomains\n    .map((d) => d.toLowerCase().trim())\n    .includes(domain.toLowerCase().trim());\n}\n"]}

package/esm2022/lib/components/forms/form-field/component/form-error.component.js

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormErrorComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormErrorComponent, isStandalone: true, selector: "solaris-form-error", host: { attributes: { "role": "alert" }, classAttribute: "solaris-form-error" }, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'solaris-form-error',
+                    standalone: true,
+                    template: '<ng-content />',
+                    host: {
+                        class: 'solaris-form-error',
+                        role: 'alert',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=form-error.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-error.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-error.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAW1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB,+JAN1B,gBAAgB;;4FAMf,yBAAyB;kBATrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;wBAC3B,IAAI,EAAE,OAAO;qBACd;iBACF","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'solaris-form-error',\n  standalone: true,\n  template: '<ng-content />',\n  host: {\n    class: 'solaris-form-error',\n    role: 'alert',\n  },\n})\nexport class SolarisFormErrorComponent {}\n"]}