npm - @educarehq/solaris-ui - Versions diffs - 0.1.0 → 0.2.0 - Mend

@educarehq/solaris-ui 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (393) hide show

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

@@ -0,0 +1,394 @@
+import { Component, input, computed, signal, effect, ContentChild, ElementRef, inject, NgZone, } from '@angular/core';
+import { FormControlDirective, FormControlName, NgModel } from '@angular/forms';
+import { SolarisFormPrefixDirective } from '../directives/form-prefix.directive';
+import { SolarisFormSuffixDirective } from '../directives/form-suffix.directive';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisFormControl } from '../model/form-control.contract';
+import { SolarisFormLabelComponent } from './form-label.component';
+import { SolarisFormErrorComponent } from './form-error.component';
+import { SolarisFormHintComponent } from './form-hint.component';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-form-field-${++nextId}`;
+}
+export class SolarisFormFieldComponent {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    ngZone = inject(NgZone);
+    constructor() {
+        // SECURITY_EXCEPTION: Setting disabled/readonly on native control is standard DOM API.
+        // SECURITY_EXCEPTION: Required for FormField to propagate disabled/readonly state to projected control.
+        effect(() => {
+            this.isEffectivelyDisabled();
+            this.isEffectivelyReadonly();
+            this.syncControlDisabledReadonly();
+        });
+    }
+    hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : /* istanbul ignore next */ []));
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    errorKey = input(...(ngDevMode ? [undefined, { debugName: "errorKey" }] : /* istanbul ignore next */ []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    optionalLabel = input(...(ngDevMode ? [undefined, { debugName: "optionalLabel" }] : /* istanbul ignore next */ []));
+    requiredLabel = input(...(ngDevMode ? [undefined, { debugName: "requiredLabel" }] : /* istanbul ignore next */ []));
+    optionalLabelKey = input(...(ngDevMode ? [undefined, { debugName: "optionalLabelKey" }] : /* istanbul ignore next */ []));
+    requiredLabelKey = input(...(ngDevMode ? [undefined, { debugName: "requiredLabelKey" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    optional = input(false, ...(ngDevMode ? [{ debugName: "optional" }] : /* istanbul ignore next */ []));
+    invalid = input(...(ngDevMode ? [undefined, { debugName: "invalid" }] : /* istanbul ignore next */ []));
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* 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 */ []));
+    control = input(undefined, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    projectedLabel;
+    projectedHint;
+    projectedError;
+    prefix;
+    suffix;
+    formControl;
+    formControlDirective;
+    formControlName;
+    ngModelDir;
+    fieldId = generateId();
+    hintId = `solaris-form-field-hint-${this.fieldId}`;
+    errorId = `solaris-form-field-error-${this.fieldId}`;
+    labelId = `solaris-form-field-label-${this.fieldId}`;
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
+    isTextareaControl = signal(false, ...(ngDevMode ? [{ debugName: "isTextareaControl" }] : /* istanbul ignore next */ []));
+    autoDetectedDisabled = signal(false, ...(ngDevMode ? [{ debugName: "autoDetectedDisabled" }] : /* istanbul ignore next */ []));
+    autoDetectedReadonly = signal(false, ...(ngDevMode ? [{ debugName: "autoDetectedReadonly" }] : /* istanbul ignore next */ []));
+    controlResize = signal(null, ...(ngDevMode ? [{ debugName: "controlResize" }] : /* istanbul ignore next */ []));
+    controlId = null;
+    controlElement = null;
+    focusListener = null;
+    blurListener = null;
+    hasProjectedLabel = computed(() => !!this.projectedLabel, ...(ngDevMode ? [{ debugName: "hasProjectedLabel" }] : /* istanbul ignore next */ []));
+    hasProjectedHint = computed(() => !!this.projectedHint, ...(ngDevMode ? [{ debugName: "hasProjectedHint" }] : /* istanbul ignore next */ []));
+    hasProjectedError = computed(() => !!this.projectedError, ...(ngDevMode ? [{ debugName: "hasProjectedError" }] : /* istanbul ignore next */ []));
+    hasPrefix = signal(false, ...(ngDevMode ? [{ debugName: "hasPrefix" }] : /* istanbul ignore next */ []));
+    hasSuffix = signal(false, ...(ngDevMode ? [{ debugName: "hasSuffix" }] : /* istanbul ignore next */ []));
+    controlType = computed(() => {
+        return this.isTextareaControl() ? 'textarea' : 'other';
+    }, ...(ngDevMode ? [{ debugName: "controlType" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return this.label();
+    }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+    hintText = computed(() => {
+        const key = this.hintKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return this.hint();
+    }, ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
+    errorText = computed(() => {
+        const key = this.errorKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        return this.error();
+    }, ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+    optionalLabelText = computed(() => {
+        const key = this.optionalLabelKey();
+        if (key) {
+            return this.translateService.translate(key);
+        }
+        const explicit = this.optionalLabel();
+        if (explicit) {
+            return explicit;
+        }
+        return this.translateService.translate('solaris.form-field.optional');
+    }, ...(ngDevMode ? [{ debugName: "optionalLabelText" }] : /* istanbul ignore next */ []));
+    isEffectivelyDisabled = computed(() => {
+        const manual = this.disabled();
+        if (manual !== undefined) {
+            return manual;
+        }
+        const explicitControl = this.control();
+        if (explicitControl) {
+            return explicitControl.disabled;
+        }
+        if (this.formControl) {
+            return this.formControl.disabled;
+        }
+        return this.autoDetectedDisabled();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    isEffectivelyReadonly = computed(() => {
+        const manual = this.readonly();
+        if (manual !== undefined) {
+            return manual;
+        }
+        const explicitControl = this.control();
+        if (explicitControl) {
+            return explicitControl.readonly;
+        }
+        if (this.formControl) {
+            return this.formControl.readonly;
+        }
+        return this.autoDetectedReadonly();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyReadonly" }] : /* istanbul ignore next */ []));
+    effectiveNgControl = computed(() => {
+        return (this.formControlDirective ??
+            this.formControlName ??
+            this.ngModelDir ??
+            null);
+    }, ...(ngDevMode ? [{ debugName: "effectiveNgControl" }] : /* istanbul ignore next */ []));
+    isAutoInvalid = computed(() => {
+        const control = this.effectiveNgControl();
+        if (!control?.control) {
+            return false;
+        }
+        const ctrl = control.control;
+        const invalid = ctrl.invalid;
+        const touched = ctrl.touched;
+        const dirty = ctrl.dirty;
+        const focused = this.isFocused();
+        if (!invalid) {
+            return false;
+        }
+        if (focused) {
+            return false;
+        }
+        return touched || dirty;
+    }, ...(ngDevMode ? [{ debugName: "isAutoInvalid" }] : /* istanbul ignore next */ []));
+    isInvalid = computed(() => {
+        const manual = this.invalid();
+        if (manual !== undefined) {
+            return manual;
+        }
+        const explicitControl = this.control();
+        if (explicitControl) {
+            return explicitControl.invalid;
+        }
+        if (this.formControl) {
+            return this.formControl.invalid && !this.isFocused();
+        }
+        return this.isAutoInvalid();
+    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+    showError = computed(() => {
+        return this.isInvalid() && (!!this.errorText() || this.hasProjectedError());
+    }, ...(ngDevMode ? [{ debugName: "showError" }] : /* istanbul ignore next */ []));
+    showHint = computed(() => {
+        if (this.showError()) {
+            return false;
+        }
+        return !!this.hintText() || this.hasProjectedHint();
+    }, ...(ngDevMode ? [{ debugName: "showHint" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const ids = [];
+        if (this.showHint()) {
+            ids.push(this.hintId);
+        }
+        if (this.showError()) {
+            ids.push(this.errorId);
+        }
+        return ids.length > 0 ? ids.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    ngAfterContentInit() {
+        this.hasPrefix.set(!!this.prefix);
+        this.hasSuffix.set(!!this.suffix);
+        this.detectControl();
+        this.connectControl();
+        this.syncDescribedBy();
+        this.syncControlDisabledReadonly();
+        this.warnNoControl();
+        this.warnMultipleControls();
+    }
+    syncControlDisabledReadonly() {
+        if (!this.controlElement) {
+            return;
+        }
+        if (this.control()) {
+            return;
+        }
+        // SECURITY_EXCEPTION: Setting disabled/readonly on native control is required for FormField propagation.
+        const input = this.controlElement;
+        const shouldDisable = this.isEffectivelyDisabled();
+        const shouldReadonly = this.isEffectivelyReadonly();
+        if (input.disabled !== shouldDisable) {
+            input.disabled = shouldDisable;
+        }
+        if (input.readOnly !== shouldReadonly) {
+            input.readOnly = shouldReadonly;
+        }
+    }
+    syncDescribedBy() {
+        const describedBy = this.describedBy();
+        const targetControl = this.control() ?? this.formControl;
+        if (targetControl) {
+            if (describedBy) {
+                targetControl.setDescribedByIds(describedBy.split(' '));
+            }
+            else {
+                targetControl.setDescribedByIds([]);
+            }
+        }
+    }
+    describedByEffect = effect(() => {
+        this.describedBy();
+        this.syncDescribedBy();
+    }, ...(ngDevMode ? [{ debugName: "describedByEffect" }] : /* istanbul ignore next */ []));
+    ngOnDestroy() {
+        this.removeListeners();
+    }
+    detectControl() {
+        const explicitControl = this.control();
+        if (explicitControl) {
+            this.controlId = explicitControl.id;
+            // SECURITY_EXCEPTION: nativeElement.querySelector required to find trigger element. Standard DOM API used after Angular CDK pattern.
+            const triggerEl = this.elementRef.nativeElement.querySelector('[solaris-form-field-trigger]');
+            if (triggerEl) {
+                this.controlElement = triggerEl;
+                if (triggerEl.id) {
+                    this.controlId = triggerEl.id;
+                }
+                this.connectControl();
+            }
+            return;
+        }
+        // SECURITY_EXCEPTION: nativeElement access required to detect projected form controls.
+        // SECURITY_EXCEPTION: Angular CDK and Material use the same approach.
+        // SECURITY_EXCEPTION: Read-only querySelectorAll, no DOM mutation.
+        const nativeElement = this.elementRef.nativeElement;
+        const children = nativeElement.querySelectorAll('input, select, textarea, [solaris-input], [solaris-select], [solaris-textarea]');
+        if (children.length > 0) {
+            const first = children[0];
+            this.controlElement = first;
+            // SECURITY_EXCEPTION: nativeElement.tagName is the standard DOM API to check element type.
+            const isTextarea = first.tagName === 'TEXTAREA';
+            this.isTextareaControl.set(isTextarea);
+            if (isTextarea) {
+                const resize = first.dataset['resize'] ?? first.getAttribute('resize');
+                const validResize = resize === 'none' ||
+                    resize === 'vertical' ||
+                    resize === 'horizontal' ||
+                    resize === 'both'
+                    ? resize
+                    : 'vertical';
+                this.controlResize.set(validResize);
+            }
+            else {
+                this.controlResize.set(null);
+            }
+        }
+        if (this.formControl) {
+            this.controlId = this.formControl.id;
+        }
+        else if (this.controlElement) {
+            if (!this.controlElement.id) {
+                const generatedId = `solaris-control-${this.fieldId}`;
+                this.controlElement.id = generatedId;
+                this.controlId = generatedId;
+            }
+            else {
+                this.controlId = this.controlElement.id;
+            }
+        }
+    }
+    connectControl() {
+        if (this.controlElement) {
+            this.addListeners(this.controlElement);
+        }
+    }
+    addListeners(element) {
+        this.removeListeners();
+        this.ngZone.runOutsideAngular(() => {
+            const onFocus = () => {
+                this.ngZone.run(() => this.isFocused.set(true));
+            };
+            const onBlur = () => {
+                this.ngZone.run(() => this.isFocused.set(false));
+            };
+            element.addEventListener('focusin', onFocus);
+            element.addEventListener('focusout', onBlur);
+            this.focusListener = () => element.removeEventListener('focusin', onFocus);
+            this.blurListener = () => element.removeEventListener('focusout', onBlur);
+        });
+    }
+    removeListeners() {
+        this.focusListener?.();
+        this.blurListener?.();
+        this.focusListener = null;
+        this.blurListener = null;
+    }
+    warnNoControl() {
+        const hasAnyControl = !!this.control() ||
+            !!this.formControl ||
+            !!this.controlElement ||
+            !!this.effectiveNgControl();
+        if (!hasAnyControl) {
+            console.warn(`[SolarisFormField] No form control found inside <solaris-form-field id="${this.fieldId}">. ` +
+                'Form Field requires a control (input, select, textarea, or a Solaris form control directive). ' +
+                'This warning is shown in development only. The component will render safely without the control.');
+        }
+    }
+    warnMultipleControls() {
+        // SECURITY_EXCEPTION: nativeElement access required to count projected controls.
+        // SECURITY_EXCEPTION: Same justification as detectControl: read-only query, no DOM mutation.
+        const nativeElement = this.elementRef.nativeElement;
+        const children = nativeElement.querySelectorAll('input, select, textarea, [solaris-input], [solaris-select], [solaris-textarea]');
+        if (children.length > 1) {
+            console.warn(`[SolarisFormField] Multiple form controls detected inside <solaris-form-field id="${this.fieldId}">. ` +
+                'Form Field v1 supports one main control. Multiple controls may cause unexpected behavior.');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisFormFieldComponent, isStandalone: true, selector: "solaris-form-field", inputs: { hintKey: { classPropertyName: "hintKey", publicName: "hintKey", 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 }, errorKey: { classPropertyName: "errorKey", publicName: "errorKey", 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 }, optionalLabel: { classPropertyName: "optionalLabel", publicName: "optionalLabel", isSignal: true, isRequired: false, transformFunction: null }, requiredLabel: { classPropertyName: "requiredLabel", publicName: "requiredLabel", isSignal: true, isRequired: false, transformFunction: null }, optionalLabelKey: { classPropertyName: "optionalLabelKey", publicName: "optionalLabelKey", isSignal: true, isRequired: false, transformFunction: null }, requiredLabelKey: { classPropertyName: "requiredLabelKey", publicName: "requiredLabelKey", 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 }, invalid: { classPropertyName: "invalid", publicName: "invalid", 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 }, 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 }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-bwignore": "\"true\"", "attr.data-appearance": "appearance()", "attr.data-density": "effectiveDensity()", "attr.data-control-type": "controlType()", "attr.data-control-resize": "controlResize()", "attr.data-invalid": "isInvalid() ? \"\" : null", "attr.data-focused": "isFocused() ? \"\" : null", "attr.data-has-prefix": "hasPrefix() ? \"\" : null", "attr.data-has-suffix": "hasSuffix() ? \"\" : null", "attr.data-disabled": "isEffectivelyDisabled() ? \"\" : null", "attr.data-readonly": "isEffectivelyReadonly() ? \"\" : null" } }, queries: [{ propertyName: "projectedLabel", first: true, predicate: SolarisFormLabelComponent, descendants: true }, { propertyName: "projectedHint", first: true, predicate: SolarisFormHintComponent, descendants: true }, { propertyName: "projectedError", first: true, predicate: SolarisFormErrorComponent, descendants: true }, { propertyName: "prefix", first: true, predicate: SolarisFormPrefixDirective, descendants: true }, { propertyName: "suffix", first: true, predicate: SolarisFormSuffixDirective, descendants: true }, { propertyName: "formControl", first: true, predicate: SolarisFormControl, descendants: true }, { propertyName: "formControlDirective", first: true, predicate: FormControlDirective, descendants: true }, { propertyName: "formControlName", first: true, predicate: FormControlName, descendants: true }, { propertyName: "ngModelDir", first: true, predicate: NgModel, descendants: true }], ngImport: i0, template: "@if (labelText() || hasProjectedLabel()) {\n  <div class=\"solaris-form-field__label-row\">\n    @if (hasProjectedLabel()) {\n      <ng-content select=\"solaris-form-label\" />\n    } @else if (labelText()) {\n      <label\n        class=\"solaris-form-field__label\"\n        [id]=\"labelId\"\n        [for]=\"controlId ?? undefined\"\n      >\n        {{ labelText() }}\n      </label>\n    }\n    @if (optional()) {\n      <span\n        class=\"solaris-form-field__optional-marker\"\n        [attr.aria-label]=\"optionalLabelText()\"\n      >\n        {{ optionalLabelText() }}\n      </span>\n    }\n  </div>\n}\n\n<div class=\"solaris-form-field__control-wrapper\">\n  <span\n    class=\"solaris-form-field__affix solaris-form-field__affix--prefix\"\n    [attr.data-empty]=\"hasPrefix() ? null : ''\"\n  >\n    <ng-content select=\"[solaris-form-prefix]\" />\n  </span>\n\n  <div class=\"solaris-form-field__control\">\n    <ng-content />\n  </div>\n\n  <span\n    class=\"solaris-form-field__affix solaris-form-field__affix--suffix\"\n    [attr.data-empty]=\"hasSuffix() ? null : ''\"\n  >\n    <ng-content select=\"[solaris-form-suffix]\" />\n  </span>\n</div>\n\n<div class=\"solaris-form-field__message-row\">\n  @if (showError()) {\n    <div class=\"solaris-form-field__error\" [id]=\"errorId\" role=\"alert\">\n      @if (hasProjectedError()) {\n        <ng-content select=\"solaris-form-error\" />\n      } @else {\n        {{ errorText() }}\n      }\n    </div>\n  } @else if (showHint()) {\n    <div class=\"solaris-form-field__hint\" [id]=\"hintId\">\n      @if (hasProjectedHint()) {\n        <ng-content select=\"solaris-form-hint\" />\n      } @else {\n        {{ hintText() }}\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--solaris-form-field-font-size: initial;--solaris-form-field-hint-color: initial;--solaris-form-field-label-color: initial;--solaris-form-field-control-gap: initial;--solaris-form-field-error-color: initial;--solaris-form-field-prefix-color: initial;--solaris-form-field-suffix-color: initial;--solaris-form-field-control-color: initial;--solaris-form-field-control-height: initial;--solaris-form-field-control-radius: initial;--solaris-form-field-hint-font-size: initial;--solaris-form-field-optional-color: initial;--solaris-form-field-label-font-size: initial;--solaris-form-field-error-font-size: initial;--solaris-form-field-disabled-opacity: initial;--solaris-form-field-focus-ring-width: initial;--solaris-form-field-focus-ring-color: initial;--solaris-form-field-control-padding-x: initial;--solaris-form-field-label-font-weight: initial;--solaris-form-field-message-margin-top: initial;--solaris-form-field-optional-font-size: initial;--solaris-form-field-error-border-color: initial;--solaris-form-field-control-background: initial;--solaris-form-field-label-margin-bottom: initial;--solaris-form-field-readonly-background: initial;--solaris-form-field-control-border-color: initial;--solaris-form-field-control-border-width: initial;display:block;box-sizing:border-box;font-size:var(--solaris-form-field-font-size);font-family:var(--solaris-font-family-sans),system-ui}.solaris-form-field__label-row{display:flex;align-items:center;gap:var(--solaris-spacing-2);margin-bottom:var(--solaris-form-field-label-margin-bottom)}.solaris-form-field__label,::ng-deep .solaris-form-label{display:inline-block;color:var(--solaris-form-field-label-color);font-size:var(--solaris-form-field-label-font-size);font-weight:var(--solaris-form-field-label-font-weight);cursor:pointer}.solaris-form-field__optional-marker{color:var(--solaris-form-field-optional-color);font-size:var(--solaris-form-field-optional-font-size);white-space:nowrap}.solaris-form-field__control-wrapper{position:relative;display:flex;align-items:stretch;gap:var(--solaris-form-field-control-gap);min-height:var(--solaris-form-field-control-height);padding:0 var(--solaris-form-field-control-padding-x);box-sizing:border-box;border-width:var(--solaris-form-field-control-border-width);border-style:solid;border-color:var(--solaris-form-field-control-border-color);border-radius:var(--solaris-form-field-control-radius);background:var(--solaris-form-field-control-background);transition:border-color var(--solaris-motion-duration-fast) ease,box-shadow var(--solaris-motion-duration-fast) ease}:host([data-has-prefix]) .solaris-form-field__control-wrapper{padding-left:0}.solaris-form-field__control-wrapper[data-connected-side=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0}.solaris-form-field__control-wrapper[data-connected-side=top]{border-top-left-radius:0;border-top-right-radius:0}.solaris-form-field__control{display:flex;flex:1;align-items:center;min-width:0}.solaris-form-field__affix{display:flex;flex:0 0 auto;align-self:stretch;align-items:center;justify-content:center;min-width:0;box-sizing:border-box;line-height:1;cursor:default}.solaris-form-field__affix[data-empty]{display:none}.solaris-form-field__affix--prefix{inline-size:var(--solaris-form-field-control-height);color:var(--solaris-form-field-prefix-color);border-inline-end:var(--solaris-border-width-sm) solid var(--solaris-border-subtle);transition:color var(--solaris-motion-duration-fast) ease}.solaris-form-field__affix--suffix{color:var(--solaris-form-field-suffix-color);transition:color var(--solaris-motion-duration-slow) ease}.solaris-form-field__affix--prefix:hover,.solaris-form-field__affix--suffix:hover{color:var(--solaris-text-default)}:host ::ng-deep .solaris-form-prefix,:host ::ng-deep .solaris-form-suffix{display:inline-flex;flex:0 0 auto;align-self:auto;align-items:center;justify-content:center;color:inherit;border:0;line-height:1;cursor:inherit}:host ::ng-deep solaris-icon.solaris-form-prefix,:host ::ng-deep solaris-icon.solaris-form-suffix,:host ::ng-deep .solaris-form-prefix solaris-icon,:host ::ng-deep .solaris-form-suffix solaris-icon{inline-size:1em;block-size:1em;flex:0 0 auto;color:inherit;font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-slow) ease}:host([data-control-type=textarea]){min-width:0}:host([data-control-type=textarea]) .solaris-form-field__control-wrapper{padding-right:0;overflow:visible}:host([data-control-type=textarea]) .solaris-form-field__control{overflow:visible}:host([data-control-type=textarea][data-control-resize=horizontal]) .solaris-form-field__control-wrapper{width:100%;min-width:8rem;overflow:hidden;resize:horizontal}:host([data-control-type=textarea][data-control-resize=horizontal]) .solaris-form-field__control{min-width:0}:host([data-control-type=textarea][data-control-resize=horizontal]) ::ng-deep textarea[solaris-textarea]{display:block;width:100%;min-width:0;resize:none}:host([data-control-type=textarea][data-control-resize=both]) .solaris-form-field__control-wrapper{width:100%;min-width:8rem;min-height:var(--solaris-form-field-control-height);align-items:stretch;overflow:hidden;resize:both}:host([data-control-type=textarea][data-control-resize=both]) .solaris-form-field__control{align-items:stretch;min-width:0;min-height:0;overflow:hidden}:host([data-control-type=textarea][data-control-resize=both]) ::ng-deep textarea[solaris-textarea]{display:block;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;resize:none}.solaris-form-field__message-row{margin-top:var(--solaris-form-field-message-margin-top)}.solaris-form-field__hint{margin:var(--solaris-spacing-1);color:var(--solaris-form-field-hint-color);font-size:var(--solaris-form-field-hint-font-size)}.solaris-form-field__error{margin:var(--solaris-spacing-1);color:var(--solaris-form-field-error-color);font-size:var(--solaris-form-field-error-font-size)}:host([data-size=sm]){--solaris-form-field-control-gap: var(--solaris-spacing-1);--solaris-form-field-font-size: var(--solaris-font-size-sm);--solaris-form-field-control-height: var(--solaris-spacing-8);--solaris-form-field-control-padding-x: var(--solaris-spacing-2);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-size=md]){--solaris-form-field-control-height: var(--solaris-spacing-10);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-font-size: var(--solaris-font-size-md);--solaris-form-field-control-padding-x: var(--solaris-spacing-3);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-sm);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-form-field-control-height: var(--solaris-spacing-12);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-font-size: var(--solaris-font-size-lg);--solaris-form-field-control-padding-x: var(--solaris-spacing-4);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-md);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-2);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-2);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-density=compact]){--solaris-form-field-control-height: var(--solaris-density-min-height);--solaris-form-field-control-gap: var(--solaris-spacing-1);--solaris-form-field-font-size: var(--solaris-font-size-sm);--solaris-form-field-control-padding-x: var(--solaris-spacing-2);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-density=comfortable]){--solaris-form-field-control-height: var(--solaris-density-min-height);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-control-padding-x: var(--solaris-spacing-3);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-2);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-2);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-radius=none]){--solaris-form-field-control-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-form-field-control-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-form-field-control-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-form-field-control-radius: var(--solaris-radius-lg)}:host([data-focused]){--solaris-form-field-control-border-color: var( --solaris-form-field-focus-ring-color )}:host([data-disabled]){--solaris-form-field-control-color: var( --solaris-text-disabled, var(--solaris-text-muted) );--solaris-form-field-control-background: var( --solaris-surface-disabled, var(--solaris-surface-muted) );opacity:var(--solaris-form-field-disabled-opacity);cursor:not-allowed}:host([data-readonly]){--solaris-form-field-control-border-color: var(--solaris-border-subtle);--solaris-form-field-control-background: var( --solaris-form-field-readonly-background )}:host([data-appearance=outline]),:host([data-appearance=surface]),:host([data-appearance=filled]){--solaris-form-field-disabled-opacity: .5;--solaris-form-field-focus-ring-width: 2px;--solaris-form-field-hint-color: var(--solaris-text-muted);--solaris-form-field-prefix-color: var(--solaris-text-muted);--solaris-form-field-suffix-color: var(--solaris-text-muted);--solaris-form-field-error-color: var(--solaris-danger-text);--solaris-form-field-label-color: var(--solaris-text-default);--solaris-form-field-optional-color: var(--solaris-text-muted);--solaris-form-field-focus-ring-color: var(--solaris-primary-base);--solaris-form-field-error-border-color: var(--solaris-danger-base);--solaris-form-field-label-font-weight: var(--solaris-font-weight-medium)}:host([data-appearance=outline]){--solaris-form-field-control-border-width: var(--solaris-border-width-sm);--solaris-form-field-control-background: var(--solaris-surface-base);--solaris-form-field-readonly-background: var(--solaris-surface-muted);--solaris-form-field-control-border-color: var(--solaris-border-subtle)}:host([data-appearance=surface]){--solaris-form-field-control-border-width: 0;--solaris-form-field-readonly-background: var(--solaris-surface-base);--solaris-form-field-control-background: var(--solaris-surface-subtle);--solaris-form-field-control-border-color: var(--solaris-border-subtle)}:host([data-appearance=filled]){--solaris-form-field-control-background: var(--solaris-surface-subtle);--solaris-form-field-readonly-background: var(--solaris-surface-muted);--solaris-form-field-control-border-color: var(--solaris-border-subtle);--solaris-form-field-control-border-width: var(--solaris-border-width-sm)}:host([data-invalid]){--solaris-form-field-control-border-color: var( --solaris-form-field-error-border-color )}:host([data-invalid][data-focused]){--solaris-form-field-control-border-color: var( --solaris-form-field-error-border-color );outline-color:var(--solaris-form-field-error-border-color)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-form-field', standalone: true, imports: [], host: {
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-bwignore]': '"true"',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-control-type]': 'controlType()',
+                        '[attr.data-control-resize]': 'controlResize()',
+                        '[attr.data-invalid]': 'isInvalid() ? "" : null',
+                        '[attr.data-focused]': 'isFocused() ? "" : null',
+                        '[attr.data-has-prefix]': 'hasPrefix() ? "" : null',
+                        '[attr.data-has-suffix]': 'hasSuffix() ? "" : null',
+                        '[attr.data-disabled]': 'isEffectivelyDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'isEffectivelyReadonly() ? "" : null',
+                    }, template: "@if (labelText() || hasProjectedLabel()) {\n  <div class=\"solaris-form-field__label-row\">\n    @if (hasProjectedLabel()) {\n      <ng-content select=\"solaris-form-label\" />\n    } @else if (labelText()) {\n      <label\n        class=\"solaris-form-field__label\"\n        [id]=\"labelId\"\n        [for]=\"controlId ?? undefined\"\n      >\n        {{ labelText() }}\n      </label>\n    }\n    @if (optional()) {\n      <span\n        class=\"solaris-form-field__optional-marker\"\n        [attr.aria-label]=\"optionalLabelText()\"\n      >\n        {{ optionalLabelText() }}\n      </span>\n    }\n  </div>\n}\n\n<div class=\"solaris-form-field__control-wrapper\">\n  <span\n    class=\"solaris-form-field__affix solaris-form-field__affix--prefix\"\n    [attr.data-empty]=\"hasPrefix() ? null : ''\"\n  >\n    <ng-content select=\"[solaris-form-prefix]\" />\n  </span>\n\n  <div class=\"solaris-form-field__control\">\n    <ng-content />\n  </div>\n\n  <span\n    class=\"solaris-form-field__affix solaris-form-field__affix--suffix\"\n    [attr.data-empty]=\"hasSuffix() ? null : ''\"\n  >\n    <ng-content select=\"[solaris-form-suffix]\" />\n  </span>\n</div>\n\n<div class=\"solaris-form-field__message-row\">\n  @if (showError()) {\n    <div class=\"solaris-form-field__error\" [id]=\"errorId\" role=\"alert\">\n      @if (hasProjectedError()) {\n        <ng-content select=\"solaris-form-error\" />\n      } @else {\n        {{ errorText() }}\n      }\n    </div>\n  } @else if (showHint()) {\n    <div class=\"solaris-form-field__hint\" [id]=\"hintId\">\n      @if (hasProjectedHint()) {\n        <ng-content select=\"solaris-form-hint\" />\n      } @else {\n        {{ hintText() }}\n      }\n    </div>\n  }\n</div>\n", styles: [":host{--solaris-form-field-font-size: initial;--solaris-form-field-hint-color: initial;--solaris-form-field-label-color: initial;--solaris-form-field-control-gap: initial;--solaris-form-field-error-color: initial;--solaris-form-field-prefix-color: initial;--solaris-form-field-suffix-color: initial;--solaris-form-field-control-color: initial;--solaris-form-field-control-height: initial;--solaris-form-field-control-radius: initial;--solaris-form-field-hint-font-size: initial;--solaris-form-field-optional-color: initial;--solaris-form-field-label-font-size: initial;--solaris-form-field-error-font-size: initial;--solaris-form-field-disabled-opacity: initial;--solaris-form-field-focus-ring-width: initial;--solaris-form-field-focus-ring-color: initial;--solaris-form-field-control-padding-x: initial;--solaris-form-field-label-font-weight: initial;--solaris-form-field-message-margin-top: initial;--solaris-form-field-optional-font-size: initial;--solaris-form-field-error-border-color: initial;--solaris-form-field-control-background: initial;--solaris-form-field-label-margin-bottom: initial;--solaris-form-field-readonly-background: initial;--solaris-form-field-control-border-color: initial;--solaris-form-field-control-border-width: initial;display:block;box-sizing:border-box;font-size:var(--solaris-form-field-font-size);font-family:var(--solaris-font-family-sans),system-ui}.solaris-form-field__label-row{display:flex;align-items:center;gap:var(--solaris-spacing-2);margin-bottom:var(--solaris-form-field-label-margin-bottom)}.solaris-form-field__label,::ng-deep .solaris-form-label{display:inline-block;color:var(--solaris-form-field-label-color);font-size:var(--solaris-form-field-label-font-size);font-weight:var(--solaris-form-field-label-font-weight);cursor:pointer}.solaris-form-field__optional-marker{color:var(--solaris-form-field-optional-color);font-size:var(--solaris-form-field-optional-font-size);white-space:nowrap}.solaris-form-field__control-wrapper{position:relative;display:flex;align-items:stretch;gap:var(--solaris-form-field-control-gap);min-height:var(--solaris-form-field-control-height);padding:0 var(--solaris-form-field-control-padding-x);box-sizing:border-box;border-width:var(--solaris-form-field-control-border-width);border-style:solid;border-color:var(--solaris-form-field-control-border-color);border-radius:var(--solaris-form-field-control-radius);background:var(--solaris-form-field-control-background);transition:border-color var(--solaris-motion-duration-fast) ease,box-shadow var(--solaris-motion-duration-fast) ease}:host([data-has-prefix]) .solaris-form-field__control-wrapper{padding-left:0}.solaris-form-field__control-wrapper[data-connected-side=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0}.solaris-form-field__control-wrapper[data-connected-side=top]{border-top-left-radius:0;border-top-right-radius:0}.solaris-form-field__control{display:flex;flex:1;align-items:center;min-width:0}.solaris-form-field__affix{display:flex;flex:0 0 auto;align-self:stretch;align-items:center;justify-content:center;min-width:0;box-sizing:border-box;line-height:1;cursor:default}.solaris-form-field__affix[data-empty]{display:none}.solaris-form-field__affix--prefix{inline-size:var(--solaris-form-field-control-height);color:var(--solaris-form-field-prefix-color);border-inline-end:var(--solaris-border-width-sm) solid var(--solaris-border-subtle);transition:color var(--solaris-motion-duration-fast) ease}.solaris-form-field__affix--suffix{color:var(--solaris-form-field-suffix-color);transition:color var(--solaris-motion-duration-slow) ease}.solaris-form-field__affix--prefix:hover,.solaris-form-field__affix--suffix:hover{color:var(--solaris-text-default)}:host ::ng-deep .solaris-form-prefix,:host ::ng-deep .solaris-form-suffix{display:inline-flex;flex:0 0 auto;align-self:auto;align-items:center;justify-content:center;color:inherit;border:0;line-height:1;cursor:inherit}:host ::ng-deep solaris-icon.solaris-form-prefix,:host ::ng-deep solaris-icon.solaris-form-suffix,:host ::ng-deep .solaris-form-prefix solaris-icon,:host ::ng-deep .solaris-form-suffix solaris-icon{inline-size:1em;block-size:1em;flex:0 0 auto;color:inherit;font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-slow) ease}:host([data-control-type=textarea]){min-width:0}:host([data-control-type=textarea]) .solaris-form-field__control-wrapper{padding-right:0;overflow:visible}:host([data-control-type=textarea]) .solaris-form-field__control{overflow:visible}:host([data-control-type=textarea][data-control-resize=horizontal]) .solaris-form-field__control-wrapper{width:100%;min-width:8rem;overflow:hidden;resize:horizontal}:host([data-control-type=textarea][data-control-resize=horizontal]) .solaris-form-field__control{min-width:0}:host([data-control-type=textarea][data-control-resize=horizontal]) ::ng-deep textarea[solaris-textarea]{display:block;width:100%;min-width:0;resize:none}:host([data-control-type=textarea][data-control-resize=both]) .solaris-form-field__control-wrapper{width:100%;min-width:8rem;min-height:var(--solaris-form-field-control-height);align-items:stretch;overflow:hidden;resize:both}:host([data-control-type=textarea][data-control-resize=both]) .solaris-form-field__control{align-items:stretch;min-width:0;min-height:0;overflow:hidden}:host([data-control-type=textarea][data-control-resize=both]) ::ng-deep textarea[solaris-textarea]{display:block;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;resize:none}.solaris-form-field__message-row{margin-top:var(--solaris-form-field-message-margin-top)}.solaris-form-field__hint{margin:var(--solaris-spacing-1);color:var(--solaris-form-field-hint-color);font-size:var(--solaris-form-field-hint-font-size)}.solaris-form-field__error{margin:var(--solaris-spacing-1);color:var(--solaris-form-field-error-color);font-size:var(--solaris-form-field-error-font-size)}:host([data-size=sm]){--solaris-form-field-control-gap: var(--solaris-spacing-1);--solaris-form-field-font-size: var(--solaris-font-size-sm);--solaris-form-field-control-height: var(--solaris-spacing-8);--solaris-form-field-control-padding-x: var(--solaris-spacing-2);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-size=md]){--solaris-form-field-control-height: var(--solaris-spacing-10);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-font-size: var(--solaris-font-size-md);--solaris-form-field-control-padding-x: var(--solaris-spacing-3);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-sm);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-size=lg]){--solaris-form-field-control-height: var(--solaris-spacing-12);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-font-size: var(--solaris-font-size-lg);--solaris-form-field-control-padding-x: var(--solaris-spacing-4);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-md);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-2);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-2);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-density=compact]){--solaris-form-field-control-height: var(--solaris-density-min-height);--solaris-form-field-control-gap: var(--solaris-spacing-1);--solaris-form-field-font-size: var(--solaris-font-size-sm);--solaris-form-field-control-padding-x: var(--solaris-spacing-2);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-label-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-1);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-1);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-density=comfortable]){--solaris-form-field-control-height: var(--solaris-density-min-height);--solaris-form-field-control-gap: var(--solaris-spacing-2);--solaris-form-field-control-padding-x: var(--solaris-spacing-3);--solaris-form-field-hint-font-size: var(--solaris-font-size-xs);--solaris-form-field-error-font-size: var(--solaris-font-size-xs);--solaris-form-field-message-margin-top: var(--solaris-spacing-2);--solaris-form-field-label-margin-bottom: var(--solaris-spacing-2);--solaris-form-field-optional-font-size: var(--solaris-font-size-xs)}:host([data-radius=none]){--solaris-form-field-control-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-form-field-control-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-form-field-control-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-form-field-control-radius: var(--solaris-radius-lg)}:host([data-focused]){--solaris-form-field-control-border-color: var( --solaris-form-field-focus-ring-color )}:host([data-disabled]){--solaris-form-field-control-color: var( --solaris-text-disabled, var(--solaris-text-muted) );--solaris-form-field-control-background: var( --solaris-surface-disabled, var(--solaris-surface-muted) );opacity:var(--solaris-form-field-disabled-opacity);cursor:not-allowed}:host([data-readonly]){--solaris-form-field-control-border-color: var(--solaris-border-subtle);--solaris-form-field-control-background: var( --solaris-form-field-readonly-background )}:host([data-appearance=outline]),:host([data-appearance=surface]),:host([data-appearance=filled]){--solaris-form-field-disabled-opacity: .5;--solaris-form-field-focus-ring-width: 2px;--solaris-form-field-hint-color: var(--solaris-text-muted);--solaris-form-field-prefix-color: var(--solaris-text-muted);--solaris-form-field-suffix-color: var(--solaris-text-muted);--solaris-form-field-error-color: var(--solaris-danger-text);--solaris-form-field-label-color: var(--solaris-text-default);--solaris-form-field-optional-color: var(--solaris-text-muted);--solaris-form-field-focus-ring-color: var(--solaris-primary-base);--solaris-form-field-error-border-color: var(--solaris-danger-base);--solaris-form-field-label-font-weight: var(--solaris-font-weight-medium)}:host([data-appearance=outline]){--solaris-form-field-control-border-width: var(--solaris-border-width-sm);--solaris-form-field-control-background: var(--solaris-surface-base);--solaris-form-field-readonly-background: var(--solaris-surface-muted);--solaris-form-field-control-border-color: var(--solaris-border-subtle)}:host([data-appearance=surface]){--solaris-form-field-control-border-width: 0;--solaris-form-field-readonly-background: var(--solaris-surface-base);--solaris-form-field-control-background: var(--solaris-surface-subtle);--solaris-form-field-control-border-color: var(--solaris-border-subtle)}:host([data-appearance=filled]){--solaris-form-field-control-background: var(--solaris-surface-subtle);--solaris-form-field-readonly-background: var(--solaris-surface-muted);--solaris-form-field-control-border-color: var(--solaris-border-subtle);--solaris-form-field-control-border-width: var(--solaris-border-width-sm)}:host([data-invalid]){--solaris-form-field-control-border-color: var( --solaris-form-field-error-border-color )}:host([data-invalid][data-focused]){--solaris-form-field-control-border-color: var( --solaris-form-field-error-border-color );outline-color:var(--solaris-form-field-error-border-color)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], errorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorKey", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], optionalLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionalLabel", required: false }] }], requiredLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredLabel", required: false }] }], optionalLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionalLabelKey", required: false }] }], requiredLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "requiredLabelKey", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], optional: [{ type: i0.Input, args: [{ isSignal: true, alias: "optional", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", 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 }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], projectedLabel: [{
+                type: ContentChild,
+                args: [SolarisFormLabelComponent]
+            }], projectedHint: [{
+                type: ContentChild,
+                args: [SolarisFormHintComponent]
+            }], projectedError: [{
+                type: ContentChild,
+                args: [SolarisFormErrorComponent]
+            }], prefix: [{
+                type: ContentChild,
+                args: [SolarisFormPrefixDirective]
+            }], suffix: [{
+                type: ContentChild,
+                args: [SolarisFormSuffixDirective]
+            }], formControl: [{
+                type: ContentChild,
+                args: [SolarisFormControl]
+            }], formControlDirective: [{
+                type: ContentChild,
+                args: [FormControlDirective]
+            }], formControlName: [{
+                type: ContentChild,
+                args: [FormControlName]
+            }], ngModelDir: [{
+                type: ContentChild,
+                args: [NgModel]
+            }] } });
+//# sourceMappingURL=form-field.component.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-field.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-field.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n input,\r\n computed,\r\n signal,\r\n effect,\r\n ContentChild,\r\n AfterContentInit,\r\n OnDestroy,\r\n ElementRef,\r\n inject,\r\n NgZone,\r\n} from '@angular/core';\r\nimport { FormControlDirective, FormControlName, NgModel } from '@angular/forms';\r\n\r\nimport { SolarisFormPrefixDirective } from '../directives/form-prefix.directive';\r\nimport { SolarisFormSuffixDirective } from '../directives/form-suffix.directive';\r\nimport { SolarisTranslateService } from '../../../../services/translation';\r\nimport { SolarisFormControl } from '../model/form-control.contract';\r\nimport { SolarisFormLabelComponent } from './form-label.component';\r\nimport { SolarisFormErrorComponent } from './form-error.component';\r\nimport { SolarisFormHintComponent } from './form-hint.component';\r\n\r\nimport type {\r\n SolarisFormFieldAppearance,\r\n SolarisFormFieldSize,\r\n SolarisFormFieldDensity,\r\n SolarisFormFieldRadius,\r\n ControlResize,\r\n} from '../model/form-field.types';\r\n\r\nlet nextId = 0;\r\nfunction generateId(): string {\r\n return `solaris-form-field-${++nextId}`;\r\n}\r\n\r\n@Component({\r\n selector: 'solaris-form-field',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './form-field.component.html',\r\n styleUrls: ['./form-field.component.scss'],\r\n host: {\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-radius]': 'radius()',\r\n '[attr.data-bwignore]': '\"true\"',\r\n '[attr.data-appearance]': 'appearance()',\r\n '[attr.data-density]': 'effectiveDensity()',\r\n '[attr.data-control-type]': 'controlType()',\r\n '[attr.data-control-resize]': 'controlResize()',\r\n '[attr.data-invalid]': 'isInvalid() ? \"\" : null',\r\n '[attr.data-focused]': 'isFocused() ? \"\" : null',\r\n '[attr.data-has-prefix]': 'hasPrefix() ? \"\" : null',\r\n '[attr.data-has-suffix]': 'hasSuffix() ? \"\" : null',\r\n '[attr.data-disabled]': 'isEffectivelyDisabled() ? \"\" : null',\r\n '[attr.data-readonly]': 'isEffectivelyReadonly() ? \"\" : null',\r\n },\r\n})\r\nexport class SolarisFormFieldComponent implements AfterContentInit, OnDestroy {\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly translateService = inject(SolarisTranslateService);\r\n private readonly ngZone = inject(NgZone);\r\n\r\n constructor() {\r\n // SECURITY_EXCEPTION: Setting disabled/readonly on native control is standard DOM API.\r\n // SECURITY_EXCEPTION: Required for FormField to propagate disabled/readonly state to projected control.\r\n effect(() => {\r\n this.isEffectivelyDisabled();\r\n this.isEffectivelyReadonly();\r\n this.syncControlDisabledReadonly();\r\n });\r\n }\r\n\r\n readonly hintKey = input<string>();\r\n readonly labelKey = input<string>();\r\n readonly hint = input<string>('');\r\n readonly errorKey = input<string>();\r\n readonly label = input<string>('');\r\n readonly error = input<string>('');\r\n readonly optionalLabel = input<string>();\r\n readonly requiredLabel = input<string>();\r\n readonly optionalLabelKey = input<string>();\r\n readonly requiredLabelKey = input<string>();\r\n readonly required = input<boolean>(false);\r\n readonly optional = input<boolean>(false);\r\n readonly invalid = input<boolean | undefined>();\r\n readonly disabled = input<boolean | undefined>();\r\n readonly readonly = input<boolean | undefined>();\r\n readonly density = input<SolarisFormFieldDensity>();\r\n readonly size = input<SolarisFormFieldSize>('md');\r\n readonly radius = input<SolarisFormFieldRadius>('md');\r\n readonly appearance = input<SolarisFormFieldAppearance>('outline');\r\n readonly control = input<SolarisFormControl | undefined>(undefined);\r\n\r\n @ContentChild(SolarisFormLabelComponent)\r\n protected projectedLabel?: SolarisFormLabelComponent;\r\n @ContentChild(SolarisFormHintComponent)\r\n protected projectedHint?: SolarisFormHintComponent;\r\n @ContentChild(SolarisFormErrorComponent)\r\n protected projectedError?: SolarisFormErrorComponent;\r\n @ContentChild(SolarisFormPrefixDirective)\r\n protected prefix?: SolarisFormPrefixDirective;\r\n @ContentChild(SolarisFormSuffixDirective)\r\n protected suffix?: SolarisFormSuffixDirective;\r\n @ContentChild(SolarisFormControl)\r\n protected formControl?: SolarisFormControl;\r\n @ContentChild(FormControlDirective)\r\n protected formControlDirective?: FormControlDirective;\r\n @ContentChild(FormControlName)\r\n protected formControlName?: FormControlName;\r\n @ContentChild(NgModel)\r\n protected ngModelDir?: NgModel;\r\n\r\n protected readonly fieldId = generateId();\r\n protected readonly hintId = `solaris-form-field-hint-${this.fieldId}`;\r\n protected readonly errorId = `solaris-form-field-error-${this.fieldId}`;\r\n protected readonly labelId = `solaris-form-field-label-${this.fieldId}`;\r\n\r\n protected readonly isFocused = signal(false);\r\n protected readonly isTextareaControl = signal(false);\r\n protected readonly autoDetectedDisabled = signal(false);\r\n protected readonly autoDetectedReadonly = signal(false);\r\n protected readonly controlResize = signal<ControlResize | null>(null);\r\n\r\n protected controlId: string | null = null;\r\n private controlElement: HTMLElement | null = null;\r\n private focusListener: (() => void) | null = null;\r\n private blurListener: (() => void) | null = null;\r\n\r\n protected readonly hasProjectedLabel = computed(() => !!this.projectedLabel);\r\n protected readonly hasProjectedHint = computed(() => !!this.projectedHint);\r\n protected readonly hasProjectedError = computed(() => !!this.projectedError);\r\n protected readonly hasPrefix = signal(false);\r\n protected readonly hasSuffix = signal(false);\r\n\r\n protected readonly controlType = computed<\r\n 'input' | 'textarea' | 'select' | 'other'\r\n >(() => {\r\n return this.isTextareaControl() ? 'textarea' : 'other';\r\n });\r\n\r\n protected readonly effectiveDensity = computed<SolarisFormFieldDensity>(\r\n () => {\r\n return this.density() ?? 'comfortable';\r\n },\r\n );\r\n\r\n protected readonly labelText = computed(() => {\r\n const key = this.labelKey();\r\n if (key) {\r\n return this.translateService.translate(key);\r\n }\r\n return this.label();\r\n });\r\n\r\n protected readonly hintText = computed(() => {\r\n const key = this.hintKey();\r\n if (key) {\r\n return this.translateService.translate(key);\r\n }\r\n return this.hint();\r\n });\r\n\r\n protected readonly errorText = computed(() => {\r\n const key = this.errorKey();\r\n if (key) {\r\n return this.translateService.translate(key);\r\n }\r\n return this.error();\r\n });\r\n\r\n protected readonly optionalLabelText = computed(() => {\r\n const key = this.optionalLabelKey();\r\n if (key) {\r\n return this.translateService.translate(key);\r\n }\r\n const explicit = this.optionalLabel();\r\n if (explicit) {\r\n return explicit;\r\n }\r\n return this.translateService.translate('solaris.form-field.optional');\r\n });\r\n\r\n protected readonly isEffectivelyDisabled = computed(() => {\r\n const manual = this.disabled();\r\n if (manual !== undefined) {\r\n return manual;\r\n }\r\n const explicitControl = this.control();\r\n if (explicitControl) {\r\n return explicitControl.disabled;\r\n }\r\n if (this.formControl) {\r\n return this.formControl.disabled;\r\n }\r\n return this.autoDetectedDisabled();\r\n });\r\n\r\n protected readonly isEffectivelyReadonly = computed(() => {\r\n const manual = this.readonly();\r\n if (manual !== undefined) {\r\n return manual;\r\n }\r\n const explicitControl = this.control();\r\n if (explicitControl) {\r\n return explicitControl.readonly;\r\n }\r\n if (this.formControl) {\r\n return this.formControl.readonly;\r\n }\r\n return this.autoDetectedReadonly();\r\n });\r\n\r\n protected readonly effectiveNgControl = computed(() => {\r\n return (\r\n this.formControlDirective ??\r\n this.formControlName ??\r\n this.ngModelDir ??\r\n null\r\n );\r\n });\r\n\r\n protected readonly isAutoInvalid = computed(() => {\r\n const control = this.effectiveNgControl();\r\n if (!control?.control) {\r\n return false;\r\n }\r\n const ctrl = control.control;\r\n const invalid = ctrl.invalid;\r\n const touched = ctrl.touched;\r\n const dirty = ctrl.dirty;\r\n const focused = this.isFocused();\r\n if (!invalid) {\r\n return false;\r\n }\r\n if (focused) {\r\n return false;\r\n }\r\n return touched || dirty;\r\n });\r\n\r\n protected readonly isInvalid = computed(() => {\r\n const manual = this.invalid();\r\n if (manual !== undefined) {\r\n return manual;\r\n }\r\n const explicitControl = this.control();\r\n if (explicitControl) {\r\n return explicitControl.invalid;\r\n }\r\n if (this.formControl) {\r\n return this.formControl.invalid && !this.isFocused();\r\n }\r\n return this.isAutoInvalid();\r\n });\r\n\r\n protected readonly showError = computed(() => {\r\n return this.isInvalid() && (!!this.errorText() || this.hasProjectedError());\r\n });\r\n\r\n protected readonly showHint = computed(() => {\r\n if (this.showError()) {\r\n return false;\r\n }\r\n return !!this.hintText() || this.hasProjectedHint();\r\n });\r\n\r\n protected readonly describedBy = computed(() => {\r\n const ids: string[] = [];\r\n if (this.showHint()) {\r\n ids.push(this.hintId);\r\n }\r\n if (this.showError()) {\r\n ids.push(this.errorId);\r\n }\r\n return ids.length > 0 ? ids.join(' ') : null;\r\n });\r\n\r\n ngAfterContentInit(): void {\r\n this.hasPrefix.set(!!this.prefix);\r\n this.hasSuffix.set(!!this.suffix);\r\n this.detectControl();\r\n this.connectControl();\r\n this.syncDescribedBy();\r\n this.syncControlDisabledReadonly();\r\n this.warnNoControl();\r\n this.warnMultipleControls();\r\n }\r\n\r\n private syncControlDisabledReadonly(): void {\r\n if (!this.controlElement) {\r\n return;\r\n }\r\n if (this.control()) {\r\n return;\r\n }\r\n // SECURITY_EXCEPTION: Setting disabled/readonly on native control is required for FormField propagation.\r\n const input = this.controlElement as HTMLInputElement;\r\n const shouldDisable = this.isEffectivelyDisabled();\r\n const shouldReadonly = this.isEffectivelyReadonly();\r\n if (input.disabled !== shouldDisable) {\r\n input.disabled = shouldDisable;\r\n }\r\n if (input.readOnly !== shouldReadonly) {\r\n input.readOnly = shouldReadonly;\r\n }\r\n }\r\n\r\n private syncDescribedBy(): void {\r\n const describedBy = this.describedBy();\r\n const targetControl = this.control() ?? this.formControl;\r\n if (targetControl) {\r\n if (describedBy) {\r\n targetControl.setDescribedByIds(describedBy.split(' '));\r\n } else {\r\n targetControl.setDescribedByIds([]);\r\n }\r\n }\r\n }\r\n\r\n protected readonly describedByEffect = effect(() => {\r\n this.describedBy();\r\n this.syncDescribedBy();\r\n });\r\n\r\n ngOnDestroy(): void {\r\n this.removeListeners();\r\n }\r\n\r\n private detectControl(): void {\r\n const explicitControl = this.control();\r\n if (explicitControl) {\r\n this.controlId = explicitControl.id;\r\n // SECURITY_EXCEPTION: nativeElement.querySelector required to find trigger element. Standard DOM API used after Angular CDK pattern.\r\n const triggerEl = this.elementRef.nativeElement.querySelector(\r\n '[solaris-form-field-trigger]',\r\n );\r\n if (triggerEl) {\r\n this.controlElement = triggerEl as HTMLElement;\r\n if (triggerEl.id) {\r\n this.controlId = triggerEl.id;\r\n }\r\n this.connectControl();\r\n }\r\n return;\r\n }\r\n\r\n // SECURITY_EXCEPTION: nativeElement access required to detect projected form controls.\r\n // SECURITY_EXCEPTION: Angular CDK and Material use the same approach.\r\n // SECURITY_EXCEPTION: Read-only querySelectorAll, no DOM mutation.\r\n const nativeElement = this.elementRef.nativeElement;\r\n const children = nativeElement.querySelectorAll(\r\n 'input, select, textarea, [solaris-input], [solaris-select], [solaris-textarea]',\r\n );\r\n\r\n if (children.length > 0) {\r\n const first = children[0] as HTMLElement;\r\n this.controlElement = first;\r\n // SECURITY_EXCEPTION: nativeElement.tagName is the standard DOM API to check element type.\r\n const isTextarea = first.tagName === 'TEXTAREA';\r\n this.isTextareaControl.set(isTextarea);\r\n\r\n if (isTextarea) {\r\n const resize = first.dataset['resize'] ?? first.getAttribute('resize');\r\n\r\n const validResize: ControlResize =\r\n resize === 'none' ||\r\n resize === 'vertical' ||\r\n resize === 'horizontal' ||\r\n resize === 'both'\r\n ? resize\r\n : 'vertical';\r\n\r\n this.controlResize.set(validResize);\r\n } else {\r\n this.controlResize.set(null);\r\n }\r\n }\r\n\r\n if (this.formControl) {\r\n this.controlId = this.formControl.id;\r\n } else if (this.controlElement) {\r\n if (!this.controlElement.id) {\r\n const generatedId = `solaris-control-${this.fieldId}`;\r\n this.controlElement.id = generatedId;\r\n this.controlId = generatedId;\r\n } else {\r\n this.controlId = this.controlElement.id;\r\n }\r\n }\r\n }\r\n\r\n private connectControl(): void {\r\n if (this.controlElement) {\r\n this.addListeners(this.controlElement);\r\n }\r\n }\r\n\r\n private addListeners(element: HTMLElement): void {\r\n this.removeListeners();\r\n this.ngZone.runOutsideAngular(() => {\r\n const onFocus = (): void => {\r\n this.ngZone.run(() => this.isFocused.set(true));\r\n };\r\n const onBlur = (): void => {\r\n this.ngZone.run(() => this.isFocused.set(false));\r\n };\r\n element.addEventListener('focusin', onFocus);\r\n element.addEventListener('focusout', onBlur);\r\n this.focusListener = () =>\r\n element.removeEventListener('focusin', onFocus);\r\n this.blurListener = () => element.removeEventListener('focusout', onBlur);\r\n });\r\n }\r\n\r\n private removeListeners(): void {\r\n this.focusListener?.();\r\n this.blurListener?.();\r\n this.focusListener = null;\r\n this.blurListener = null;\r\n }\r\n\r\n private warnNoControl(): void {\r\n const hasAnyControl =\r\n !!this.control() ||\r\n !!this.formControl ||\r\n !!this.controlElement ||\r\n !!this.effectiveNgControl();\r\n if (!hasAnyControl) {\r\n console.warn(\r\n `[SolarisFormField] No form control found inside <solaris-form-field id=\"${this.fieldId}\">. ` +\r\n 'Form Field requires a control (input, select, textarea, or a Solaris form control directive). ' +\r\n 'This warning is shown in development only. The component will render safely without the control.',\r\n );\r\n }\r\n }\r\n\r\n private warnMultipleControls(): void {\r\n // SECURITY_EXCEPTION: nativeElement access required to count projected controls.\r\n // SECURITY_EXCEPTION: Same justification as detectControl: read-only query, no DOM mutation.\r\n const nativeElement = this.elementRef.nativeElement;\r\n const children = nativeElement.querySelectorAll(\r\n 'input, select, textarea, [solaris-input], [solaris-select], [solaris-textarea]',\r\n );\r\n if (children.length > 1) {\r\n console.warn(\r\n `[SolarisFormField] Multiple form controls detected inside <solaris-form-field id=\"${this.fieldId}\">. ` +\r\n 'Form Field v1 supports one main control. Multiple controls may cause unexpected behavior.',\r\n );\r\n }\r\n }\r\n}\r\n","@if (labelText() || hasProjectedLabel()) {\n <div class=\"solaris-form-field__label-row\">\n @if (hasProjectedLabel()) {\n <ng-content select=\"solaris-form-label\" />\n } @else if (labelText()) {\n <label\n class=\"solaris-form-field__label\"\n [id]=\"labelId\"\n [for]=\"controlId ?? undefined\"\n >\n {{ labelText() }}\n </label>\n }\n @if (optional()) {\n <span\n class=\"solaris-form-field__optional-marker\"\n [attr.aria-label]=\"optionalLabelText()\"\n >\n {{ optionalLabelText() }}\n </span>\n }\n </div>\n}\n\n<div class=\"solaris-form-field__control-wrapper\">\n <span\n class=\"solaris-form-field__affix solaris-form-field__affix--prefix\"\n [attr.data-empty]=\"hasPrefix() ? null : ''\"\n >\n <ng-content select=\"[solaris-form-prefix]\" />\n </span>\n\n <div class=\"solaris-form-field__control\">\n <ng-content />\n </div>\n\n <span\n class=\"solaris-form-field__affix solaris-form-field__affix--suffix\"\n [attr.data-empty]=\"hasSuffix() ? null : ''\"\n >\n <ng-content select=\"[solaris-form-suffix]\" />\n </span>\n</div>\n\n<div class=\"solaris-form-field__message-row\">\n @if (showError()) {\n <div class=\"solaris-form-field__error\" [id]=\"errorId\" role=\"alert\">\n @if (hasProjectedError()) {\n <ng-content select=\"solaris-form-error\" />\n } @else {\n {{ errorText() }}\n }\n </div>\n } @else if (showHint()) {\n <div class=\"solaris-form-field__hint\" [id]=\"hintId\">\n @if (hasProjectedHint()) {\n <ng-content select=\"solaris-form-hint\" />\n } @else {\n {{ hintText() }}\n }\n </div>\n }\n</div>\n"]}

package/esm2022/lib/components/forms/form-field/component/form-hint.component.js ADDED Viewed

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

package/esm2022/lib/components/forms/form-field/component/form-hint.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-hint.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-hint.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAU1C,MAAM,OAAO,wBAAwB;wGAAxB,wBAAwB;4FAAxB,wBAAwB,4HALzB,gBAAgB;;4FAKf,wBAAwB;kBARpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,mBAAmB;qBAC3B;iBACF","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'solaris-form-hint',\n standalone: true,\n template: '<ng-content />',\n host: {\n class: 'solaris-form-hint',\n },\n})\nexport class SolarisFormHintComponent {}\n"]}

package/esm2022/lib/components/forms/form-field/component/form-label.component.js ADDED Viewed

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

package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-label.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/component/form-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAU1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB,8HAL1B,gBAAgB;;4FAKf,yBAAyB;kBARrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'solaris-form-label',\n standalone: true,\n template: '<ng-content />',\n host: {\n class: 'solaris-form-label',\n },\n})\nexport class SolarisFormLabelComponent {}\n"]}

package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormFieldTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormFieldTriggerDirective, isStandalone: true, selector: "[solaris-form-field-trigger]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormFieldTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-form-field-trigger]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=form-field-trigger.directive.js.map

package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-field-trigger.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/form-field/directives/form-field-trigger.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAM1C,MAAM,OAAO,gCAAgC;wGAAhC,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAJ5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-form-field-trigger]',\r\n standalone: true,\r\n})\r\nexport class SolarisFormFieldTriggerDirective {}\r\n"]}

package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisFormPrefixDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisFormPrefixDirective, isStandalone: true, selector: "[solaris-form-prefix]", host: { classAttribute: "solaris-form-prefix" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisFormPrefixDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-form-prefix]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-form-prefix',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=form-prefix.directive.js.map