@raintonic/formaui 0.2.0 → 0.3.0

package/fesm2022/raintonic-formaui-components-form-field.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { Directive, input, contentChild, computed, signal, effect, ViewChild, ContentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component, inject } from '@angular/core';
-import { FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';
+import { Directive, Injectable, inject, ChangeDetectorRef, input, contentChild, computed, signal, effect, ViewChild, ContentChildren, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FuiIntlBase, FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';
 import { FuiIconComponent } from '@raintonic/formaui/components/icon';
 
 /**
@@ -57,6 +58,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                 }]
         }] });
 
+class FuiFormFieldIntl extends FuiIntlBase {
+    copyAriaLabel = 'Copy value';
+    copiedAriaLabel = 'Copied';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiFormFieldIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiFormFieldIntl, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiFormFieldIntl, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * # FormField Component
  *
@@ -98,7 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
  *   <fui-label>Password</fui-label>
  *   <fui-icon fuiPrefix name="lock"></fui-icon>
  *   <input fuiInput type="password">
- *   <button fuiSuffix fuiButton variant="ghost" (click)="togglePasswordVisibility()">
+ *   <button fuiSuffix fuiButton variant="tertiary" (click)="togglePasswordVisibility()">
  *     <fui-icon [name]="showPassword ? 'eye-slash' : 'eye'"></fui-icon>
  *   </button>
  *   <fui-hint>Must be at least 8 characters</fui-hint>
@@ -136,6 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
  * ```
  */
 class FuiFormFieldComponent {
+    intl = inject(FuiFormFieldIntl);
+    _cdr = inject(ChangeDetectorRef);
     /**
      * Whether the form field is in read-only mode.
      * When true, hides the input and shows a plain text value instead.
@@ -218,6 +232,7 @@ class FuiFormFieldComponent {
     hintId = `fui-form-field-hint-${Math.random().toString(36).substring(2, 11)}`;
     errorId = `fui-form-field-error-${Math.random().toString(36).substring(2, 11)}`;
     constructor() {
+        this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });
         // Effect to update aria-describedby when state changes
         effect(() => {
             const control = this.control();
@@ -320,7 +335,7 @@ class FuiFormFieldComponent {
         return (this._suffixes?.length ?? 0) > 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiFormFieldComponent, isStandalone: true, selector: "fui-form-field", inputs: { readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, hideRequiredMarker: { classPropertyName: "hideRequiredMarker", publicName: "hideRequiredMarker", isSignal: true, isRequired: false, transformFunction: null }, hideSubscript: { classPropertyName: "hideSubscript", publicName: "hideSubscript", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.fui-form-field--disabled": "isDisabled()", "class.fui-form-field--focused": "isFocused()", "class.fui-form-field--error": "hasError()", "class.fui-form-field--empty": "isEmpty()", "class.fui-form-field--readonly": "readOnly()", "class.fui-form-field--float": "appearance() === \"float\"", "class.fui-form-field--fill": "appearance() === \"fill\"", "class.fui-form-field--float-active": "shouldFloat()", "attr.aria-labelledby": "labelId", "attr.aria-disabled": "isDisabled() || null" }, classAttribute: "fui-form-field" }, queries: [{ propertyName: "control", first: true, predicate: FUI_FORM_FIELD_CONTROL, descendants: true, isSignal: true }, { propertyName: "_prefixes", predicate: FuiPrefixDirective, descendants: true }, { propertyName: "_suffixes", predicate: FuiSuffixDirective, descendants: true }], viewQueries: [{ propertyName: "_connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper \u2014 always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) \u2014 hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button \u2014 visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? 'Copied' : 'Copy value'\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-form-field{--fui-form-field-height: var(--fui-input-height);--fui-form-field-font-size: var(--fui-font-size-02);--fui-form-field-border-radius: var(--fui-border-radius-sm);--fui-form-field-padding-x: var(--fui-spacing-04);--fui-form-field-bg: var(--fui-surface-02);--fui-form-field-border-color: var(--fui-border-color);--fui-form-field-label-color: var(--fui-text-primary);--fui-form-field-label-font-size: var(--fui-font-size-01);--fui-form-field-label-spacing: var(--fui-spacing-02);--fui-form-field-hint-color: var(--fui-text-secondary);--fui-form-field-error-color: var(--fui-field-border-error);display:block;position:relative;font-family:var(--fui-font-family-sans);font-size:var(--fui-form-field-font-size)}.fui-form-field__container{display:block;width:100%}.fui-form-field__wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:var(--fui-form-field-height);cursor:text;transition:background-color,border-color,box-shadow var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;background-color:var(--fui-form-field-bg);border:var(--fui-border-width-sm) solid var(--fui-form-field-border-color);border-radius:var(--fui-form-field-border-radius);padding:0 var(--fui-form-field-padding-x);box-shadow:var(--fui-shadow-01)}.fui-form-field:hover:not(.fui-form-field--disabled):not(.fui-form-field--readonly) .fui-form-field__wrapper{background-color:var(--fui-surface-01);border-color:var(--fui-primary)}.fui-form-field.fui-form-field--error .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-state-error);box-shadow:0 0 0 4px var(--fui-danger-50)}.fui-form-field.fui-form-field--error.fui-form-field--focused .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-field-border-error)}.fui-form-field:has(input:focus) .fui-form-field__wrapper,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(input:focus) .fui-form-field__prefix,.fui-form-field:has(input:focus) .fui-form-field__suffix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__prefix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__suffix{color:var(--fui-primary)}.fui-form-field--disabled:not(.fui-form-field--readonly){opacity:.5}.fui-form-field--disabled:not(.fui-form-field--readonly) .fui-form-field__wrapper{box-shadow:none;cursor:not-allowed}.fui-form-field--disabled:not(.fui-form-field--readonly) input,.fui-form-field--disabled:not(.fui-form-field--readonly) textarea,.fui-form-field--disabled:not(.fui-form-field--readonly) select{cursor:not-allowed}.fui-form-field--readonly .fui-form-field__label{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__wrapper{cursor:default;background-color:var(--fui-surface-02);border-color:var(--fui-border-color);box-shadow:none}.fui-form-field--readonly:has(input:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-border-color)!important;box-shadow:none;background-color:var(--fui-surface-00)}.fui-form-field--readonly:has(input:focus) .fui-form-field__prefix,.fui-form-field--readonly:has(input:focus) .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__input input,.fui-form-field--readonly .fui-form-field__input textarea,.fui-form-field--readonly .fui-form-field__input select{color:var(--fui-text-primary)!important;-webkit-text-fill-color:var(--fui-text-primary)!important;cursor:default;opacity:1}.fui-form-field--readonly .fui-form-field__input input::placeholder,.fui-form-field--readonly .fui-form-field__input textarea::placeholder,.fui-form-field--readonly .fui-form-field__input select::placeholder{color:transparent;-webkit-text-fill-color:transparent}.fui-form-field--readonly .fui-form-field__wrapper:hover .fui-form-field__copy-btn{opacity:1;pointer-events:auto}.fui-form-field__prefix,.fui-form-field__suffix{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;position:relative;z-index:2;padding:0 var(--fui-spacing-02);color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--focused .fui-form-field__prefix,.fui-form-field--focused .fui-form-field__suffix{color:var(--fui-field-border-focus)}.fui-form-field--error .fui-form-field__prefix,.fui-form-field--error .fui-form-field__suffix{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__prefix,.fui-form-field--disabled .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field__select-icon{display:flex;align-items:center;justify-content:center;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);margin-left:var(--fui-spacing-02);color:var(--fui-icon-secondary);pointer-events:none;transition:color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field:has(.fui-select--open) .fui-form-field__select-icon{color:var(--fui-field-border-focus);transform:rotate(180deg)}.fui-form-field--error .fui-form-field__select-icon{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__select-icon{color:var(--fui-text-secondary)}.fui-form-field__infix{position:relative;flex:1 1 auto;min-width:0;padding:0;z-index:2}.fui-form-field__label{display:block;text-transform:uppercase;margin-bottom:var(--fui-form-field-label-spacing);font-size:var(--fui-form-field-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-wide);color:var(--fui-form-field-label-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__required-marker{color:var(--fui-state-error);margin-left:var(--fui-spacing-02);font-weight:var(--fui-font-weight-regular)}.fui-form-field__input{position:relative;width:100%}.fui-form-field__input input,.fui-form-field__input textarea,.fui-form-field__input select{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-normal);color:var(--fui-text-primary);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input::placeholder,.fui-form-field__input textarea::placeholder,.fui-form-field__input select::placeholder{color:var(--fui-text-disabled);opacity:1;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input:focus,.fui-form-field__input textarea:focus,.fui-form-field__input select:focus{outline:none}.fui-form-field__input input:focus-visible,.fui-form-field__input textarea:focus-visible,.fui-form-field__input select:focus-visible{outline:none}.fui-form-field__input input:disabled,.fui-form-field__input textarea:disabled,.fui-form-field__input select:disabled{color:var(--fui-text-secondary);-webkit-text-fill-color:var(--fui-text-secondary)}.fui-form-field__input input:-webkit-autofill,.fui-form-field__input textarea:-webkit-autofill,.fui-form-field__input select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--fui-field-background) inset;-webkit-text-fill-color:var(--fui-text-primary);transition:background-color 5000s ease-in-out 0s}.fui-form-field__copy-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-form-field__copy-btn:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-form-field__copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);opacity:0;pointer-events:none;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__copy-btn:hover{color:var(--fui-primary)}.fui-form-field__subscript-wrapper{position:relative;min-height:1.25rem;padding:var(--fui-spacing-02) 0 0;font-size:var(--fui-font-size-01);line-height:var(--fui-line-height-03);letter-spacing:var(--fui-letter-spacing-wide)}.fui-form-field__error-wrapper{color:var(--fui-form-field-error-color)}.fui-form-field__error{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field__hint-wrapper{color:var(--fui-form-field-hint-color)}.fui-form-field__hint{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field--error .fui-form-field__hint{opacity:0}.fui-form-field--float .fui-form-field__container{position:relative}.fui-form-field--float .fui-form-field__label{position:absolute;left:var(--fui-spacing-04);top:50%;transform:translateY(-50%);transform-origin:left center;pointer-events:none;z-index:3;margin-bottom:0;font-size:var(--fui-font-size-02);text-transform:none;color:var(--fui-text-secondary);transition:transform,font-size,top,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--float.fui-form-field--float-active .fui-form-field__label{top:-.5em;transform:translateY(0) scale(.75);font-size:var(--fui-font-size-01);color:var(--fui-primary);background-color:var(--fui-surface-00);padding:0 var(--fui-spacing-02)}.fui-form-field--float.fui-form-field--error.fui-form-field--float-active .fui-form-field__label{color:var(--fui-state-error)}.fui-form-field--float .fui-form-field__wrapper{margin-top:var(--fui-spacing-03)}.fui-form-field--fill .fui-form-field__wrapper{background-color:var(--fui-surface-03);border-bottom:var(--fui-border-width-md) solid var(--fui-form-field-border-color);border-top:none;border-left:none;border-right:none;border-radius:var(--fui-border-radius-sm) var(--fui-border-radius-sm) 0 0;box-shadow:none}.fui-form-field--fill:hover:not(.fui-form-field--disabled) .fui-form-field__wrapper{background-color:var(--fui-surface-04);border-top:none;border-left:none;border-right:none}.fui-form-field--fill.fui-form-field--focused .fui-form-field__wrapper,.fui-form-field--fill:has(input:focus) .fui-form-field__wrapper,.fui-form-field--fill:has(select:focus) .fui-form-field__wrapper{border-bottom-color:var(--fui-primary);border-top:none!important;border-left:none!important;border-right:none!important;box-shadow:none}.fui-form-field--fill.fui-form-field--error .fui-form-field__wrapper{border-bottom-color:var(--fui-state-error);border-top:none;border-left:none;border-right:none;box-shadow:none}.fui-form-field__input textarea{min-height:5rem;resize:vertical;padding:var(--fui-spacing-03) 0;line-height:1.4}.fui-form-field__input select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--fui-spacing-06)}.fui-form-field__input select::-ms-expand{display:none}.fui-form-field__input select:disabled{cursor:not-allowed}.fui-form-field__input select option{padding:var(--fui-spacing-02);background-color:var(--fui-surface-00);color:var(--fui-text-primary)}.fui-form-field:has(select:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(select:focus) .fui-form-field__prefix,.fui-form-field:has(select:focus) .fui-form-field__suffix{color:var(--fui-primary)}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiFormFieldComponent, isStandalone: true, selector: "fui-form-field", inputs: { readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, hideRequiredMarker: { classPropertyName: "hideRequiredMarker", publicName: "hideRequiredMarker", isSignal: true, isRequired: false, transformFunction: null }, hideSubscript: { classPropertyName: "hideSubscript", publicName: "hideSubscript", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class.fui-form-field--disabled": "isDisabled()", "class.fui-form-field--focused": "isFocused()", "class.fui-form-field--error": "hasError()", "class.fui-form-field--empty": "isEmpty()", "class.fui-form-field--readonly": "readOnly()", "class.fui-form-field--float": "appearance() === \"float\"", "class.fui-form-field--fill": "appearance() === \"fill\"", "class.fui-form-field--float-active": "shouldFloat()", "attr.aria-labelledby": "labelId", "attr.aria-disabled": "isDisabled() || null" }, classAttribute: "fui-form-field" }, queries: [{ propertyName: "control", first: true, predicate: FUI_FORM_FIELD_CONTROL, descendants: true, isSignal: true }, { propertyName: "_prefixes", predicate: FuiPrefixDirective, descendants: true }, { propertyName: "_suffixes", predicate: FuiSuffixDirective, descendants: true }], viewQueries: [{ propertyName: "_connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper \u2014 always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) \u2014 hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button \u2014 visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? intl.copiedAriaLabel : intl.copyAriaLabel\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-form-field{--fui-form-field-height: var(--fui-input-height);--fui-form-field-font-size: var(--fui-font-size-02);--fui-form-field-border-radius: var(--fui-border-radius-sm);--fui-form-field-padding-x: var(--fui-spacing-04);--fui-form-field-bg: var(--fui-surface-02);--fui-form-field-border-color: var(--fui-border-color);--fui-form-field-label-color: var(--fui-text-primary);--fui-form-field-label-font-size: var(--fui-font-size-01);--fui-form-field-label-spacing: var(--fui-spacing-02);--fui-form-field-hint-color: var(--fui-text-secondary);--fui-form-field-error-color: var(--fui-field-border-error);display:block;position:relative;font-family:var(--fui-font-family-sans);font-size:var(--fui-form-field-font-size)}.fui-form-field__container{display:block;width:100%}.fui-form-field__wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:var(--fui-form-field-height);cursor:text;transition:background-color,border-color,box-shadow var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;background-color:var(--fui-form-field-bg);border:var(--fui-border-width-sm) solid var(--fui-form-field-border-color);border-radius:var(--fui-form-field-border-radius);padding:0 var(--fui-form-field-padding-x);box-shadow:var(--fui-shadow-01)}.fui-form-field:hover:not(.fui-form-field--disabled):not(.fui-form-field--readonly) .fui-form-field__wrapper{background-color:var(--fui-surface-01);border-color:var(--fui-primary)}.fui-form-field.fui-form-field--error .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-state-error);box-shadow:0 0 0 4px var(--fui-danger-50)}.fui-form-field.fui-form-field--error.fui-form-field--focused .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-field-border-error)}.fui-form-field:has(input:focus) .fui-form-field__wrapper,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(input:focus) .fui-form-field__prefix,.fui-form-field:has(input:focus) .fui-form-field__suffix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__prefix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__suffix{color:var(--fui-primary)}.fui-form-field--disabled:not(.fui-form-field--readonly){opacity:.5}.fui-form-field--disabled:not(.fui-form-field--readonly) .fui-form-field__wrapper{box-shadow:none;cursor:not-allowed}.fui-form-field--disabled:not(.fui-form-field--readonly) input,.fui-form-field--disabled:not(.fui-form-field--readonly) textarea,.fui-form-field--disabled:not(.fui-form-field--readonly) select{cursor:not-allowed}.fui-form-field--readonly .fui-form-field__label{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__wrapper{cursor:default;background-color:var(--fui-surface-02);border-color:var(--fui-border-color);box-shadow:none}.fui-form-field--readonly:has(input:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-border-color)!important;box-shadow:none;background-color:var(--fui-surface-00)}.fui-form-field--readonly:has(input:focus) .fui-form-field__prefix,.fui-form-field--readonly:has(input:focus) .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__input input,.fui-form-field--readonly .fui-form-field__input textarea,.fui-form-field--readonly .fui-form-field__input select{color:var(--fui-text-primary)!important;-webkit-text-fill-color:var(--fui-text-primary)!important;cursor:default;opacity:1}.fui-form-field--readonly .fui-form-field__input input::placeholder,.fui-form-field--readonly .fui-form-field__input textarea::placeholder,.fui-form-field--readonly .fui-form-field__input select::placeholder{color:transparent;-webkit-text-fill-color:transparent}.fui-form-field--readonly .fui-form-field__wrapper:hover .fui-form-field__copy-btn{opacity:1;pointer-events:auto}.fui-form-field__prefix,.fui-form-field__suffix{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;position:relative;z-index:2;padding:0 var(--fui-spacing-02);color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--focused .fui-form-field__prefix,.fui-form-field--focused .fui-form-field__suffix{color:var(--fui-field-border-focus)}.fui-form-field--error .fui-form-field__prefix,.fui-form-field--error .fui-form-field__suffix{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__prefix,.fui-form-field--disabled .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field__select-icon{display:flex;align-items:center;justify-content:center;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);margin-left:var(--fui-spacing-02);color:var(--fui-icon-secondary);pointer-events:none;transition:color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field:has(.fui-select--open) .fui-form-field__select-icon{color:var(--fui-field-border-focus);transform:rotate(180deg)}.fui-form-field--error .fui-form-field__select-icon{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__select-icon{color:var(--fui-text-secondary)}.fui-form-field__infix{position:relative;flex:1 1 auto;min-width:0;padding:0;z-index:2}.fui-form-field__label{display:block;text-transform:uppercase;margin-bottom:var(--fui-form-field-label-spacing);font-size:var(--fui-form-field-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-wide);color:var(--fui-form-field-label-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__required-marker{color:var(--fui-state-error);margin-left:var(--fui-spacing-02);font-weight:var(--fui-font-weight-regular)}.fui-form-field__input{position:relative;width:100%}.fui-form-field__input input,.fui-form-field__input textarea,.fui-form-field__input select{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-normal);color:var(--fui-text-primary);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input::placeholder,.fui-form-field__input textarea::placeholder,.fui-form-field__input select::placeholder{color:var(--fui-text-disabled);opacity:1;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input:focus,.fui-form-field__input textarea:focus,.fui-form-field__input select:focus{outline:none}.fui-form-field__input input:focus-visible,.fui-form-field__input textarea:focus-visible,.fui-form-field__input select:focus-visible{outline:none}.fui-form-field__input input:disabled,.fui-form-field__input textarea:disabled,.fui-form-field__input select:disabled{color:var(--fui-text-secondary);-webkit-text-fill-color:var(--fui-text-secondary)}.fui-form-field__input input:-webkit-autofill,.fui-form-field__input textarea:-webkit-autofill,.fui-form-field__input select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--fui-field-background) inset;-webkit-text-fill-color:var(--fui-text-primary);transition:background-color 5000s ease-in-out 0s}.fui-form-field__copy-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-form-field__copy-btn:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-form-field__copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);opacity:0;pointer-events:none;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__copy-btn:hover{color:var(--fui-primary)}.fui-form-field__subscript-wrapper{position:relative;min-height:1.25rem;padding:var(--fui-spacing-02) 0 0;font-size:var(--fui-font-size-01);line-height:var(--fui-line-height-03);letter-spacing:var(--fui-letter-spacing-wide)}.fui-form-field__error-wrapper{color:var(--fui-form-field-error-color)}.fui-form-field__error{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field__hint-wrapper{color:var(--fui-form-field-hint-color)}.fui-form-field__hint{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field--error .fui-form-field__hint{opacity:0}.fui-form-field--float .fui-form-field__container{position:relative}.fui-form-field--float .fui-form-field__label{position:absolute;left:var(--fui-spacing-04);top:50%;transform:translateY(-50%);transform-origin:left center;pointer-events:none;z-index:3;margin-bottom:0;font-size:var(--fui-font-size-02);text-transform:none;color:var(--fui-text-secondary);transition:transform,font-size,top,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--float.fui-form-field--float-active .fui-form-field__label{top:-.5em;transform:translateY(0) scale(.75);font-size:var(--fui-font-size-01);color:var(--fui-primary);background-color:var(--fui-surface-00);padding:0 var(--fui-spacing-02)}.fui-form-field--float.fui-form-field--error.fui-form-field--float-active .fui-form-field__label{color:var(--fui-state-error)}.fui-form-field--float .fui-form-field__wrapper{margin-top:var(--fui-spacing-03)}.fui-form-field--fill .fui-form-field__wrapper{background-color:var(--fui-surface-03);border-bottom:var(--fui-border-width-md) solid var(--fui-form-field-border-color);border-top:none;border-left:none;border-right:none;border-radius:var(--fui-border-radius-sm) var(--fui-border-radius-sm) 0 0;box-shadow:none}.fui-form-field--fill:hover:not(.fui-form-field--disabled) .fui-form-field__wrapper{background-color:var(--fui-surface-04);border-top:none;border-left:none;border-right:none}.fui-form-field--fill.fui-form-field--focused .fui-form-field__wrapper,.fui-form-field--fill:has(input:focus) .fui-form-field__wrapper,.fui-form-field--fill:has(select:focus) .fui-form-field__wrapper{border-bottom-color:var(--fui-primary);border-top:none!important;border-left:none!important;border-right:none!important;box-shadow:none}.fui-form-field--fill.fui-form-field--error .fui-form-field__wrapper{border-bottom-color:var(--fui-state-error);border-top:none;border-left:none;border-right:none;box-shadow:none}.fui-form-field__input textarea{min-height:5rem;resize:vertical;padding:var(--fui-spacing-03) 0;line-height:1.4}.fui-form-field__input select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--fui-spacing-06)}.fui-form-field__input select::-ms-expand{display:none}.fui-form-field__input select:disabled{cursor:not-allowed}.fui-form-field__input select option{padding:var(--fui-spacing-02);background-color:var(--fui-surface-00);color:var(--fui-text-primary)}.fui-form-field:has(select:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(select:focus) .fui-form-field__prefix,.fui-form-field:has(select:focus) .fui-form-field__suffix{color:var(--fui-primary)}\n"], dependencies: [{ kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiFormFieldComponent, decorators: [{
             type: Component,
@@ -337,7 +352,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         role: 'group',
                         '[attr.aria-labelledby]': 'labelId',
                         '[attr.aria-disabled]': 'isDisabled() || null',
-                    }, template: "<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper \u2014 always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) \u2014 hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button \u2014 visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? 'Copied' : 'Copy value'\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-form-field{--fui-form-field-height: var(--fui-input-height);--fui-form-field-font-size: var(--fui-font-size-02);--fui-form-field-border-radius: var(--fui-border-radius-sm);--fui-form-field-padding-x: var(--fui-spacing-04);--fui-form-field-bg: var(--fui-surface-02);--fui-form-field-border-color: var(--fui-border-color);--fui-form-field-label-color: var(--fui-text-primary);--fui-form-field-label-font-size: var(--fui-font-size-01);--fui-form-field-label-spacing: var(--fui-spacing-02);--fui-form-field-hint-color: var(--fui-text-secondary);--fui-form-field-error-color: var(--fui-field-border-error);display:block;position:relative;font-family:var(--fui-font-family-sans);font-size:var(--fui-form-field-font-size)}.fui-form-field__container{display:block;width:100%}.fui-form-field__wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:var(--fui-form-field-height);cursor:text;transition:background-color,border-color,box-shadow var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;background-color:var(--fui-form-field-bg);border:var(--fui-border-width-sm) solid var(--fui-form-field-border-color);border-radius:var(--fui-form-field-border-radius);padding:0 var(--fui-form-field-padding-x);box-shadow:var(--fui-shadow-01)}.fui-form-field:hover:not(.fui-form-field--disabled):not(.fui-form-field--readonly) .fui-form-field__wrapper{background-color:var(--fui-surface-01);border-color:var(--fui-primary)}.fui-form-field.fui-form-field--error .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-state-error);box-shadow:0 0 0 4px var(--fui-danger-50)}.fui-form-field.fui-form-field--error.fui-form-field--focused .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-field-border-error)}.fui-form-field:has(input:focus) .fui-form-field__wrapper,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(input:focus) .fui-form-field__prefix,.fui-form-field:has(input:focus) .fui-form-field__suffix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__prefix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__suffix{color:var(--fui-primary)}.fui-form-field--disabled:not(.fui-form-field--readonly){opacity:.5}.fui-form-field--disabled:not(.fui-form-field--readonly) .fui-form-field__wrapper{box-shadow:none;cursor:not-allowed}.fui-form-field--disabled:not(.fui-form-field--readonly) input,.fui-form-field--disabled:not(.fui-form-field--readonly) textarea,.fui-form-field--disabled:not(.fui-form-field--readonly) select{cursor:not-allowed}.fui-form-field--readonly .fui-form-field__label{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__wrapper{cursor:default;background-color:var(--fui-surface-02);border-color:var(--fui-border-color);box-shadow:none}.fui-form-field--readonly:has(input:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-border-color)!important;box-shadow:none;background-color:var(--fui-surface-00)}.fui-form-field--readonly:has(input:focus) .fui-form-field__prefix,.fui-form-field--readonly:has(input:focus) .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__input input,.fui-form-field--readonly .fui-form-field__input textarea,.fui-form-field--readonly .fui-form-field__input select{color:var(--fui-text-primary)!important;-webkit-text-fill-color:var(--fui-text-primary)!important;cursor:default;opacity:1}.fui-form-field--readonly .fui-form-field__input input::placeholder,.fui-form-field--readonly .fui-form-field__input textarea::placeholder,.fui-form-field--readonly .fui-form-field__input select::placeholder{color:transparent;-webkit-text-fill-color:transparent}.fui-form-field--readonly .fui-form-field__wrapper:hover .fui-form-field__copy-btn{opacity:1;pointer-events:auto}.fui-form-field__prefix,.fui-form-field__suffix{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;position:relative;z-index:2;padding:0 var(--fui-spacing-02);color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--focused .fui-form-field__prefix,.fui-form-field--focused .fui-form-field__suffix{color:var(--fui-field-border-focus)}.fui-form-field--error .fui-form-field__prefix,.fui-form-field--error .fui-form-field__suffix{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__prefix,.fui-form-field--disabled .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field__select-icon{display:flex;align-items:center;justify-content:center;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);margin-left:var(--fui-spacing-02);color:var(--fui-icon-secondary);pointer-events:none;transition:color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field:has(.fui-select--open) .fui-form-field__select-icon{color:var(--fui-field-border-focus);transform:rotate(180deg)}.fui-form-field--error .fui-form-field__select-icon{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__select-icon{color:var(--fui-text-secondary)}.fui-form-field__infix{position:relative;flex:1 1 auto;min-width:0;padding:0;z-index:2}.fui-form-field__label{display:block;text-transform:uppercase;margin-bottom:var(--fui-form-field-label-spacing);font-size:var(--fui-form-field-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-wide);color:var(--fui-form-field-label-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__required-marker{color:var(--fui-state-error);margin-left:var(--fui-spacing-02);font-weight:var(--fui-font-weight-regular)}.fui-form-field__input{position:relative;width:100%}.fui-form-field__input input,.fui-form-field__input textarea,.fui-form-field__input select{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-normal);color:var(--fui-text-primary);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input::placeholder,.fui-form-field__input textarea::placeholder,.fui-form-field__input select::placeholder{color:var(--fui-text-disabled);opacity:1;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input:focus,.fui-form-field__input textarea:focus,.fui-form-field__input select:focus{outline:none}.fui-form-field__input input:focus-visible,.fui-form-field__input textarea:focus-visible,.fui-form-field__input select:focus-visible{outline:none}.fui-form-field__input input:disabled,.fui-form-field__input textarea:disabled,.fui-form-field__input select:disabled{color:var(--fui-text-secondary);-webkit-text-fill-color:var(--fui-text-secondary)}.fui-form-field__input input:-webkit-autofill,.fui-form-field__input textarea:-webkit-autofill,.fui-form-field__input select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--fui-field-background) inset;-webkit-text-fill-color:var(--fui-text-primary);transition:background-color 5000s ease-in-out 0s}.fui-form-field__copy-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-form-field__copy-btn:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-form-field__copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);opacity:0;pointer-events:none;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__copy-btn:hover{color:var(--fui-primary)}.fui-form-field__subscript-wrapper{position:relative;min-height:1.25rem;padding:var(--fui-spacing-02) 0 0;font-size:var(--fui-font-size-01);line-height:var(--fui-line-height-03);letter-spacing:var(--fui-letter-spacing-wide)}.fui-form-field__error-wrapper{color:var(--fui-form-field-error-color)}.fui-form-field__error{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field__hint-wrapper{color:var(--fui-form-field-hint-color)}.fui-form-field__hint{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field--error .fui-form-field__hint{opacity:0}.fui-form-field--float .fui-form-field__container{position:relative}.fui-form-field--float .fui-form-field__label{position:absolute;left:var(--fui-spacing-04);top:50%;transform:translateY(-50%);transform-origin:left center;pointer-events:none;z-index:3;margin-bottom:0;font-size:var(--fui-font-size-02);text-transform:none;color:var(--fui-text-secondary);transition:transform,font-size,top,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--float.fui-form-field--float-active .fui-form-field__label{top:-.5em;transform:translateY(0) scale(.75);font-size:var(--fui-font-size-01);color:var(--fui-primary);background-color:var(--fui-surface-00);padding:0 var(--fui-spacing-02)}.fui-form-field--float.fui-form-field--error.fui-form-field--float-active .fui-form-field__label{color:var(--fui-state-error)}.fui-form-field--float .fui-form-field__wrapper{margin-top:var(--fui-spacing-03)}.fui-form-field--fill .fui-form-field__wrapper{background-color:var(--fui-surface-03);border-bottom:var(--fui-border-width-md) solid var(--fui-form-field-border-color);border-top:none;border-left:none;border-right:none;border-radius:var(--fui-border-radius-sm) var(--fui-border-radius-sm) 0 0;box-shadow:none}.fui-form-field--fill:hover:not(.fui-form-field--disabled) .fui-form-field__wrapper{background-color:var(--fui-surface-04);border-top:none;border-left:none;border-right:none}.fui-form-field--fill.fui-form-field--focused .fui-form-field__wrapper,.fui-form-field--fill:has(input:focus) .fui-form-field__wrapper,.fui-form-field--fill:has(select:focus) .fui-form-field__wrapper{border-bottom-color:var(--fui-primary);border-top:none!important;border-left:none!important;border-right:none!important;box-shadow:none}.fui-form-field--fill.fui-form-field--error .fui-form-field__wrapper{border-bottom-color:var(--fui-state-error);border-top:none;border-left:none;border-right:none;box-shadow:none}.fui-form-field__input textarea{min-height:5rem;resize:vertical;padding:var(--fui-spacing-03) 0;line-height:1.4}.fui-form-field__input select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--fui-spacing-06)}.fui-form-field__input select::-ms-expand{display:none}.fui-form-field__input select:disabled{cursor:not-allowed}.fui-form-field__input select option{padding:var(--fui-spacing-02);background-color:var(--fui-surface-00);color:var(--fui-text-primary)}.fui-form-field:has(select:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(select:focus) .fui-form-field__prefix,.fui-form-field:has(select:focus) .fui-form-field__suffix{color:var(--fui-primary)}\n"] }]
+                    }, template: "<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper \u2014 always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) \u2014 hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button \u2014 visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? intl.copiedAriaLabel : intl.copyAriaLabel\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-form-field{--fui-form-field-height: var(--fui-input-height);--fui-form-field-font-size: var(--fui-font-size-02);--fui-form-field-border-radius: var(--fui-border-radius-sm);--fui-form-field-padding-x: var(--fui-spacing-04);--fui-form-field-bg: var(--fui-surface-02);--fui-form-field-border-color: var(--fui-border-color);--fui-form-field-label-color: var(--fui-text-primary);--fui-form-field-label-font-size: var(--fui-font-size-01);--fui-form-field-label-spacing: var(--fui-spacing-02);--fui-form-field-hint-color: var(--fui-text-secondary);--fui-form-field-error-color: var(--fui-field-border-error);display:block;position:relative;font-family:var(--fui-font-family-sans);font-size:var(--fui-form-field-font-size)}.fui-form-field__container{display:block;width:100%}.fui-form-field__wrapper{position:relative;display:flex;align-items:center;width:100%;min-height:var(--fui-form-field-height);cursor:text;transition:background-color,border-color,box-shadow var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;background-color:var(--fui-form-field-bg);border:var(--fui-border-width-sm) solid var(--fui-form-field-border-color);border-radius:var(--fui-form-field-border-radius);padding:0 var(--fui-form-field-padding-x);box-shadow:var(--fui-shadow-01)}.fui-form-field:hover:not(.fui-form-field--disabled):not(.fui-form-field--readonly) .fui-form-field__wrapper{background-color:var(--fui-surface-01);border-color:var(--fui-primary)}.fui-form-field.fui-form-field--error .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-state-error);box-shadow:0 0 0 4px var(--fui-danger-50)}.fui-form-field.fui-form-field--error.fui-form-field--focused .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-field-border-error)}.fui-form-field:has(input:focus) .fui-form-field__wrapper,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(input:focus) .fui-form-field__prefix,.fui-form-field:has(input:focus) .fui-form-field__suffix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__prefix,.fui-form-field--focused:not(.fui-form-field--error) .fui-form-field__suffix{color:var(--fui-primary)}.fui-form-field--disabled:not(.fui-form-field--readonly){opacity:.5}.fui-form-field--disabled:not(.fui-form-field--readonly) .fui-form-field__wrapper{box-shadow:none;cursor:not-allowed}.fui-form-field--disabled:not(.fui-form-field--readonly) input,.fui-form-field--disabled:not(.fui-form-field--readonly) textarea,.fui-form-field--disabled:not(.fui-form-field--readonly) select{cursor:not-allowed}.fui-form-field--readonly .fui-form-field__label{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__wrapper{cursor:default;background-color:var(--fui-surface-02);border-color:var(--fui-border-color);box-shadow:none}.fui-form-field--readonly:has(input:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-border-color)!important;box-shadow:none;background-color:var(--fui-surface-00)}.fui-form-field--readonly:has(input:focus) .fui-form-field__prefix,.fui-form-field--readonly:has(input:focus) .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field--readonly .fui-form-field__input input,.fui-form-field--readonly .fui-form-field__input textarea,.fui-form-field--readonly .fui-form-field__input select{color:var(--fui-text-primary)!important;-webkit-text-fill-color:var(--fui-text-primary)!important;cursor:default;opacity:1}.fui-form-field--readonly .fui-form-field__input input::placeholder,.fui-form-field--readonly .fui-form-field__input textarea::placeholder,.fui-form-field--readonly .fui-form-field__input select::placeholder{color:transparent;-webkit-text-fill-color:transparent}.fui-form-field--readonly .fui-form-field__wrapper:hover .fui-form-field__copy-btn{opacity:1;pointer-events:auto}.fui-form-field__prefix,.fui-form-field__suffix{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;position:relative;z-index:2;padding:0 var(--fui-spacing-02);color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--focused .fui-form-field__prefix,.fui-form-field--focused .fui-form-field__suffix{color:var(--fui-field-border-focus)}.fui-form-field--error .fui-form-field__prefix,.fui-form-field--error .fui-form-field__suffix{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__prefix,.fui-form-field--disabled .fui-form-field__suffix{color:var(--fui-text-secondary)}.fui-form-field__select-icon{display:flex;align-items:center;justify-content:center;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);margin-left:var(--fui-spacing-02);color:var(--fui-icon-secondary);pointer-events:none;transition:color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field:has(.fui-select--open) .fui-form-field__select-icon{color:var(--fui-field-border-focus);transform:rotate(180deg)}.fui-form-field--error .fui-form-field__select-icon{color:var(--fui-field-border-error)}.fui-form-field--disabled .fui-form-field__select-icon{color:var(--fui-text-secondary)}.fui-form-field__infix{position:relative;flex:1 1 auto;min-width:0;padding:0;z-index:2}.fui-form-field__label{display:block;text-transform:uppercase;margin-bottom:var(--fui-form-field-label-spacing);font-size:var(--fui-form-field-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-wide);color:var(--fui-form-field-label-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__required-marker{color:var(--fui-state-error);margin-left:var(--fui-spacing-02);font-weight:var(--fui-font-weight-regular)}.fui-form-field__input{position:relative;width:100%}.fui-form-field__input input,.fui-form-field__input textarea,.fui-form-field__input select{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-02);letter-spacing:var(--fui-letter-spacing-normal);color:var(--fui-text-primary);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input::placeholder,.fui-form-field__input textarea::placeholder,.fui-form-field__input select::placeholder{color:var(--fui-text-disabled);opacity:1;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__input input:focus,.fui-form-field__input textarea:focus,.fui-form-field__input select:focus{outline:none}.fui-form-field__input input:focus-visible,.fui-form-field__input textarea:focus-visible,.fui-form-field__input select:focus-visible{outline:none}.fui-form-field__input input:disabled,.fui-form-field__input textarea:disabled,.fui-form-field__input select:disabled{color:var(--fui-text-secondary);-webkit-text-fill-color:var(--fui-text-secondary)}.fui-form-field__input input:-webkit-autofill,.fui-form-field__input textarea:-webkit-autofill,.fui-form-field__input select:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--fui-field-background) inset;-webkit-text-fill-color:var(--fui-text-primary);transition:background-color 5000s ease-in-out 0s}.fui-form-field__copy-btn{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}.fui-form-field__copy-btn:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-form-field__copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--fui-border-radius-sm);color:var(--fui-text-secondary);opacity:0;pointer-events:none;transition:opacity,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field__copy-btn:hover{color:var(--fui-primary)}.fui-form-field__subscript-wrapper{position:relative;min-height:1.25rem;padding:var(--fui-spacing-02) 0 0;font-size:var(--fui-font-size-01);line-height:var(--fui-line-height-03);letter-spacing:var(--fui-letter-spacing-wide)}.fui-form-field__error-wrapper{color:var(--fui-form-field-error-color)}.fui-form-field__error{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field__hint-wrapper{color:var(--fui-form-field-hint-color)}.fui-form-field__hint{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;font-weight:var(--fui-font-weight-regular)}.fui-form-field--error .fui-form-field__hint{opacity:0}.fui-form-field--float .fui-form-field__container{position:relative}.fui-form-field--float .fui-form-field__label{position:absolute;left:var(--fui-spacing-04);top:50%;transform:translateY(-50%);transform-origin:left center;pointer-events:none;z-index:3;margin-bottom:0;font-size:var(--fui-font-size-02);text-transform:none;color:var(--fui-text-secondary);transition:transform,font-size,top,color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-form-field--float.fui-form-field--float-active .fui-form-field__label{top:-.5em;transform:translateY(0) scale(.75);font-size:var(--fui-font-size-01);color:var(--fui-primary);background-color:var(--fui-surface-00);padding:0 var(--fui-spacing-02)}.fui-form-field--float.fui-form-field--error.fui-form-field--float-active .fui-form-field__label{color:var(--fui-state-error)}.fui-form-field--float .fui-form-field__wrapper{margin-top:var(--fui-spacing-03)}.fui-form-field--fill .fui-form-field__wrapper{background-color:var(--fui-surface-03);border-bottom:var(--fui-border-width-md) solid var(--fui-form-field-border-color);border-top:none;border-left:none;border-right:none;border-radius:var(--fui-border-radius-sm) var(--fui-border-radius-sm) 0 0;box-shadow:none}.fui-form-field--fill:hover:not(.fui-form-field--disabled) .fui-form-field__wrapper{background-color:var(--fui-surface-04);border-top:none;border-left:none;border-right:none}.fui-form-field--fill.fui-form-field--focused .fui-form-field__wrapper,.fui-form-field--fill:has(input:focus) .fui-form-field__wrapper,.fui-form-field--fill:has(select:focus) .fui-form-field__wrapper{border-bottom-color:var(--fui-primary);border-top:none!important;border-left:none!important;border-right:none!important;box-shadow:none}.fui-form-field--fill.fui-form-field--error .fui-form-field__wrapper{border-bottom-color:var(--fui-state-error);border-top:none;border-left:none;border-right:none;box-shadow:none}.fui-form-field__input textarea{min-height:5rem;resize:vertical;padding:var(--fui-spacing-03) 0;line-height:1.4}.fui-form-field__input select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:var(--fui-spacing-06)}.fui-form-field__input select::-ms-expand{display:none}.fui-form-field__input select:disabled{cursor:not-allowed}.fui-form-field__input select option{padding:var(--fui-spacing-02);background-color:var(--fui-surface-00);color:var(--fui-text-primary)}.fui-form-field:has(select:focus) .fui-form-field__wrapper{border:var(--fui-border-width-sm) solid var(--fui-primary)!important;background-color:var(--fui-surface-01);position:relative;box-shadow:0 0 0 4px var(--fui-primary-20)}.fui-form-field:has(select:focus) .fui-form-field__prefix,.fui-form-field:has(select:focus) .fui-form-field__suffix{color:var(--fui-primary)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], hideRequiredMarker: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideRequiredMarker", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FUI_FORM_FIELD_CONTROL), { isSignal: true }] }], _prefixes: [{
                 type: ContentChildren,
                 args: [FuiPrefixDirective, { descendants: true }]
@@ -478,5 +493,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FuiErrorComponent, FuiFormFieldComponent, FuiHintComponent, FuiLabelComponent, FuiPrefixDirective, FuiSuffixDirective };
+export { FuiErrorComponent, FuiFormFieldComponent, FuiFormFieldIntl, FuiHintComponent, FuiLabelComponent, FuiPrefixDirective, FuiSuffixDirective };
 //# sourceMappingURL=raintonic-formaui-components-form-field.mjs.map

package/fesm2022/raintonic-formaui-components-form-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-form-field.mjs","sources":["../../../lib/components/form-field/prefix.directive.ts","../../../lib/components/form-field/suffix.directive.ts","../../../lib/components/form-field/form-field.component.ts","../../../lib/components/form-field/form-field.component.html","../../../lib/components/form-field/error.component.ts","../../../lib/components/form-field/hint.component.ts","../../../lib/components/form-field/label.component.ts","../../../lib/components/form-field/raintonic-formaui-components-form-field.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Prefix directive for content to be placed before the input in fui-form-field\n *\n * @example\n * ```html\n * <fui-form-field>\n *   <fui-label>Price</fui-label>\n *   <span fuiPrefix>$</span>\n *   <input fuiInput type=\"number\">\n * </fui-form-field>\n * ```\n */\n@Directive({\n  selector: '[fuiPrefix]',\n  standalone: true,\n  host: {\n    class: 'fui-prefix',\n  },\n})\nexport class FuiPrefixDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * Suffix directive for content to be placed after the input in fui-form-field\n *\n * @example\n * ```html\n * <fui-form-field>\n *   <fui-label>Weight</fui-label>\n *   <input fuiInput type=\"number\">\n *   <span fuiSuffix>kg</span>\n * </fui-form-field>\n * ```\n */\n@Directive({\n  selector: '[fuiSuffix]',\n  standalone: true,\n  host: {\n    class: 'fui-suffix',\n  },\n})\nexport class FuiSuffixDirective {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  ContentChildren,\n  effect,\n  ElementRef,\n  input,\n  InputSignal,\n  QueryList,\n  Signal,\n  signal,\n  ViewChild,\n  ViewEncapsulation,\n  WritableSignal,\n} from '@angular/core';\n\nimport { FuiPrefixDirective } from './prefix.directive';\nimport { FuiSuffixDirective } from './suffix.directive';\nimport { FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\n\n/**\n * Available form field appearance modes.\n * - `'outline'` — default bordered appearance (Carbon Design System style)\n * - `'fill'` — filled background with bottom-border only\n * - `'float'` — floating-label that animates above the input on focus / value\n */\nexport type FormFieldAppearance = 'outline' | 'fill' | 'float';\n\n/**\n * # FormField Component\n *\n * A form field wrapper component that provides consistent styling and behavior\n * for form controls. Follows Angular Material patterns with Carbon Design System styling.\n *\n * ## Features\n * - Floating labels with configurable behavior\n * - Error message display with animations\n * - Helper text support\n * - Prefix and suffix support\n * - Outline appearance with Carbon Design System styling\n * - Full accessibility support\n * - Automatic integration with form controls\n *\n * ## Usage\n *\n * ### Basic Form Field\n * ```html\n * <fui-form-field>\n *   <fui-label>Email</fui-label>\n *   <input fuiInput type=\"email\" placeholder=\"Enter your email\">\n * </fui-form-field>\n * ```\n *\n * ### With Error Messages\n * ```html\n * <fui-form-field>\n *   <fui-label>Username</fui-label>\n *   <input fuiInput formControlName=\"username\">\n *   <fui-error key=\"required\">Username is required</fui-error>\n *   <fui-error key=\"minlength\">Username must be at least 3 characters</fui-error>\n * </fui-form-field>\n * ```\n *\n * ### With Helper Text and Icons\n * ```html\n * <fui-form-field>\n *   <fui-label>Password</fui-label>\n *   <fui-icon fuiPrefix name=\"lock\"></fui-icon>\n *   <input fuiInput type=\"password\">\n *   <button fuiSuffix fuiButton variant=\"ghost\" (click)=\"togglePasswordVisibility()\">\n *     <fui-icon [name]=\"showPassword ? 'eye-slash' : 'eye'\"></fui-icon>\n *   </button>\n *   <fui-hint>Must be at least 8 characters</fui-hint>\n * </fui-form-field>\n * ```\n *\n * @example\n * ```typescript\n * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';\n * import { FuiInputDirective } from '@raintonic/formaui/components/input';\n *\n * @Component({\n *   standalone: true,\n *   imports: [FuiFormFieldComponent, FuiInputDirective, ReactiveFormsModule],\n *   template: `\n *     <form [formGroup]=\"form\">\n *       <fui-form-field>\n *         <fui-label>Email Address</fui-label>\n *         <input fuiInput type=\"email\" formControlName=\"email\">\n *         <fui-error key=\"required\">Email is required</fui-error>\n *         <fui-error key=\"email\">Please enter a valid email</fui-error>\n *       </fui-form-field>\n *     </form>\n *   `\n * })\n * export class MyFormComponent {\n *   form = this.fb.group({\n *     email: ['', [Validators.required, Validators.email]]\n *   });\n *\n *   get emailControl() {\n *     return this.form.get('email');\n *   }\n * }\n * ```\n */\n@Component({\n  selector: 'fui-form-field',\n  standalone: true,\n  imports: [FuiIconComponent],\n  templateUrl: './form-field.component.html',\n  styleUrls: ['./form-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-form-field',\n    '[class.fui-form-field--disabled]': 'isDisabled()',\n    '[class.fui-form-field--focused]': 'isFocused()',\n    '[class.fui-form-field--error]': 'hasError()',\n    '[class.fui-form-field--empty]': 'isEmpty()',\n    '[class.fui-form-field--readonly]': 'readOnly()',\n    '[class.fui-form-field--float]': 'appearance() === \"float\"',\n    '[class.fui-form-field--fill]': 'appearance() === \"fill\"',\n    '[class.fui-form-field--float-active]': 'shouldFloat()',\n    role: 'group',\n    '[attr.aria-labelledby]': 'labelId',\n    '[attr.aria-disabled]': 'isDisabled() || null',\n  },\n})\nexport class FuiFormFieldComponent {\n  /**\n   * Whether the form field is in read-only mode.\n   * When true, hides the input and shows a plain text value instead.\n   * @default false\n   */\n  readonly readOnly: InputSignal<boolean> = input(false);\n\n  /**\n   * Visual appearance variant.\n   * - `'outline'` (default): bordered input with label above\n   * - `'fill'`: filled background with bottom-border accent\n   * - `'float'`: label floats from inside the input to above it on focus/value\n   */\n  readonly appearance = input<FormFieldAppearance>('outline');\n\n  /**\n   * Whether to hide the required marker\n   * @default false\n   */\n  readonly hideRequiredMarker: InputSignal<boolean> = input(false);\n\n  // Content children\n  control = contentChild(FUI_FORM_FIELD_CONTROL);\n\n  @ContentChildren(FuiPrefixDirective, { descendants: true }) _prefixes?: QueryList<FuiPrefixDirective>;\n  @ContentChildren(FuiSuffixDirective, { descendants: true }) _suffixes?: QueryList<FuiSuffixDirective>;\n  @ViewChild('connectionContainer', { static: true }) _connectionContainerRef?: ElementRef<HTMLElement>;\n\n  hideSubscript = input(false);\n\n  // Read-only display value derived from the control's value\n  // For select/autocomplete controls, uses their displayValue signal to show the label\n  readonly displayValue: Signal<string> = computed(() => {\n    const control = this.control();\n    if (!control) return '\\u2014';\n\n    // Select and autocomplete controls expose a displayValue signal with the option label\n    if (\n      'displayValue' in control &&\n      typeof (control as unknown as Record<string, unknown>)['displayValue'] === 'function'\n    ) {\n      const label = ((control as unknown as Record<string, unknown>)['displayValue'] as () => string)();\n      return label || '\\u2014';\n    }\n\n    const val = control.value();\n    if (val == null || val === '') return '\\u2014';\n    return String(val);\n  });\n\n  // State signals\n  readonly isFocused: Signal<boolean> = computed(() => {\n    return this.control()?.focused() ?? false;\n  });\n  readonly hasError: Signal<boolean> = computed(() => {\n    return this.control()?.errorState() ?? false;\n  });\n  readonly isDisabled: Signal<boolean> = computed(() => {\n    return this.control()?.disabled() ?? false;\n  });\n  readonly isEmpty: Signal<boolean> = computed(() => {\n    return this.control()?.empty() ?? false;\n  });\n  readonly isRequired: Signal<boolean> = computed(() => {\n    return this.control()?.required() ?? false;\n  });\n\n  /**\n   * Whether the floating label should be in its \"floated\" (raised) position.\n   * Only meaningful when `appearance === 'float'`. True when the field is\n   * focused or contains a non-empty value.\n   */\n  readonly shouldFloat: Signal<boolean> = computed(() => {\n    if (this.appearance() !== 'float') return false;\n    return this.isFocused() || !this.isEmpty();\n  });\n\n  /** Whether control-specific icons (dropdown caret, calendar) should be hidden in readOnly mode */\n  readonly hideControlIcons: Signal<boolean> = computed(() => {\n    if (!this.readOnly()) return false;\n    const ct = this.control()?.controlType;\n    return ct === 'fui-select' || ct === 'fui-autocomplete' || ct === 'fui-date-picker';\n  });\n\n  /** Whether the \"copied\" feedback indicator is active */\n  readonly copied: WritableSignal<boolean> = signal(false);\n  private _copiedTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  // Generate unique IDs\n  readonly labelId = `fui-form-field-label-${Math.random().toString(36).substring(2, 11)}`;\n  readonly hintId = `fui-form-field-hint-${Math.random().toString(36).substring(2, 11)}`;\n  readonly errorId = `fui-form-field-error-${Math.random().toString(36).substring(2, 11)}`;\n\n  constructor() {\n    // Effect to update aria-describedby when state changes\n    effect(() => {\n      const control = this.control();\n      if (control) {\n        const ids: string[] = [];\n\n        if (this.hasError()) {\n          ids.push(this.errorId);\n        } else {\n          ids.push(this.hintId);\n        }\n\n        control.setDescribedByIds(ids);\n      } else {\n        // FuiFormField must contain an FuiFormFieldControl\n      }\n    });\n\n    // Effect to propagate readOnly state to child controls\n    effect(() => {\n      const control = this.control();\n      const ro = this.readOnly();\n      if (control?.setReadOnly) {\n        control.setReadOnly(ro);\n      }\n    });\n  }\n\n  /**\n   * Handles click on the form field container\n   */\n  onContainerClick(event: MouseEvent): void {\n    const control = this.control();\n    if (control && !this.isDisabled() && !this.readOnly()) {\n      control.onContainerClick(event);\n    }\n  }\n\n  /**\n   * Copies the display value to the clipboard\n   */\n  copyValue(): void {\n    const text = this.displayValue();\n    if (!text || text === '\\u2014') return;\n\n    void navigator.clipboard.writeText(text).then(() => {\n      this.copied.set(true);\n      if (this._copiedTimeout) clearTimeout(this._copiedTimeout);\n      this._copiedTimeout = setTimeout(() => {\n        this.copied.set(false);\n        this._copiedTimeout = null;\n      }, 1500);\n    });\n  }\n\n  /**\n   * Gets the current error messages\n   */\n  getErrorMessages(): string[] {\n    // This would be populated by projected fui-error components\n    // Implementation would query ContentChildren for error components\n    return [];\n  }\n\n  /**\n   * Checks if the form field contains a select control\n   */\n  hasSelectControl(): boolean {\n    const control = this.control();\n    if (!control) return false;\n\n    // Check if it's the full fui-select component\n    if (control.controlType === 'fui-select') {\n      return true;\n    }\n\n    // Check if it's fuiInput directive on a select element\n    if (\n      control.controlType === 'fui-input' &&\n      typeof (control as unknown as Record<string, unknown>)['isSelect'] === 'function'\n    ) {\n      return ((control as unknown as Record<string, unknown>)['isSelect'] as () => boolean)();\n    }\n\n    return false;\n  }\n\n  /**\n   * Checks if the select control is a multiple select\n   */\n  isMultipleSelect(): boolean {\n    if (!this.hasSelectControl()) {\n      return false;\n    }\n    // Check if the control has a multiple property and it's true\n    const ctrl = this.control() as unknown as Record<string, unknown> | undefined;\n    return typeof ctrl?.['multiple'] === 'function' ? (ctrl['multiple'] as () => boolean)() : false;\n  }\n\n  /**\n   * Whether there is projected prefix content\n   */\n  hasPrefix(): boolean {\n    return (this._prefixes?.length ?? 0) > 0;\n  }\n\n  /**\n   * Whether there is projected suffix content\n   */\n  hasSuffix(): boolean {\n    return (this._suffixes?.length ?? 0) > 0;\n  }\n}\n","<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper — always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) — hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button — visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? 'Copied' : 'Copy value'\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","import { Component, computed, inject, input, Signal } from '@angular/core';\nimport { FuiFormFieldComponent } from './form-field.component';\n\n/**\n * FuiErrorComponent\n *\n * Validation error message shown under the form field. Can automatically show/hide\n * based on a specific error key, or use with *ngIf for custom control logic.\n * The component provides proper accessibility roles and live region behavior.\n *\n * @example\n * ```html\n * <!-- Automatic error key handling -->\n * <fui-error key=\"required\">This field is required</fui-error>\n * <fui-error key=\"email\">Please enter a valid email</fui-error>\n *\n * <!-- Manual control (backward compatible) -->\n * <fui-error *ngIf=\"control.hasError('custom')\">Custom error</fui-error>\n * ```\n */\n@Component({\n  selector: 'fui-error',\n  standalone: true,\n  template: ` <ng-content></ng-content> `,\n  host: {\n    class: 'fui-error',\n    role: 'alert',\n    'aria-live': 'assertive',\n    '[style.display]': '_shouldHide() ? \"none\" : null',\n  },\n})\nexport class FuiErrorComponent {\n  /**\n   * Optional error key to match against form control errors.\n   * When provided, the error will only show if the control has this specific error.\n   * When not provided, the error will always show (backward compatible behavior).\n   */\n  readonly key = input<string>();\n\n  private readonly _parent = inject(FuiFormFieldComponent, { host: true });\n\n  /**\n   * Computed signal to determine if this error should be hidden\n   */\n  protected readonly _shouldHide: Signal<boolean> = computed(() => {\n    if (!this._parent.control()?.errorState()) {\n      return true;\n    }\n    const errorKey = this.key();\n    // If no key is provided, always show (backward compatible)\n    if (!errorKey) {\n      return false;\n    }\n\n    // If no form field control is available, show the error\n    const formFieldControl = this._parent.control();\n    if (!formFieldControl) {\n      return false;\n    }\n\n    // Get the ngControl from the form field control\n    const ngControl = formFieldControl.ngControl;\n    if (!ngControl?.control) {\n      return false;\n    }\n\n    // Hide if the control doesn't have this specific error\n    return !ngControl.control.hasError(errorKey);\n  });\n}\n","import { Component } from '@angular/core';\n\n/**\n * @component FuiHintComponent\n * @selector fui-hint\n * @description Helper text displayed below the form field input when there is no error.\n * Automatically hidden when the parent form field is in an error state.\n *\n * @example\n * <fui-form-field>\n *   <fui-label>Email</fui-label>\n *   <input fuiInput type=\"email\">\n *   <fui-hint>We will never share your email</fui-hint>\n * </fui-form-field>\n */\n@Component({\n  selector: 'fui-hint',\n  standalone: true,\n  template: ` <ng-content></ng-content> `,\n  host: {\n    class: 'fui-hint',\n  },\n})\nexport class FuiHintComponent {}\n","import { Component } from '@angular/core';\n\n/**\n * @component FuiLabelComponent\n * @selector fui-label\n * @description Label element projected inside `fui-form-field` to provide an accessible\n * field label. Automatically linked to the form control via `aria-labelledby`.\n *\n * @example\n * <fui-form-field>\n *   <fui-label>Email</fui-label>\n *   <input fuiInput type=\"email\">\n * </fui-form-field>\n */\n@Component({\n  selector: 'fui-label',\n  standalone: true,\n  template: ` <ng-content></ng-content> `,\n  host: {\n    class: 'fui-label',\n  },\n})\nexport class FuiLabelComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-form-field.mjs","sources":["../../../lib/components/form-field/prefix.directive.ts","../../../lib/components/form-field/suffix.directive.ts","../../../lib/components/form-field/form-field.intl.ts","../../../lib/components/form-field/form-field.component.ts","../../../lib/components/form-field/form-field.component.html","../../../lib/components/form-field/error.component.ts","../../../lib/components/form-field/hint.component.ts","../../../lib/components/form-field/label.component.ts","../../../lib/components/form-field/raintonic-formaui-components-form-field.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/**\r\n * Prefix directive for content to be placed before the input in fui-form-field\r\n *\r\n * @example\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Price</fui-label>\r\n *   <span fuiPrefix>$</span>\r\n *   <input fuiInput type=\"number\">\r\n * </fui-form-field>\r\n * ```\r\n */\r\n@Directive({\r\n  selector: '[fuiPrefix]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'fui-prefix',\r\n  },\r\n})\r\nexport class FuiPrefixDirective {}\r\n","import { Directive } from '@angular/core';\r\n\r\n/**\r\n * Suffix directive for content to be placed after the input in fui-form-field\r\n *\r\n * @example\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Weight</fui-label>\r\n *   <input fuiInput type=\"number\">\r\n *   <span fuiSuffix>kg</span>\r\n * </fui-form-field>\r\n * ```\r\n */\r\n@Directive({\r\n  selector: '[fuiSuffix]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'fui-suffix',\r\n  },\r\n})\r\nexport class FuiSuffixDirective {}\r\n","import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiFormFieldIntl extends FuiIntlBase {\r\n  copyAriaLabel = 'Copy value';\r\n  copiedAriaLabel = 'Copied';\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  computed,\r\n  contentChild,\r\n  ContentChildren,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  QueryList,\r\n  Signal,\r\n  signal,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  WritableSignal,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nimport { FuiPrefixDirective } from './prefix.directive';\r\nimport { FuiSuffixDirective } from './suffix.directive';\r\nimport { FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\nimport { FuiFormFieldIntl } from './form-field.intl';\r\n\r\n/**\r\n * Available form field appearance modes.\r\n * - `'outline'` — default bordered appearance (Carbon Design System style)\r\n * - `'fill'` — filled background with bottom-border only\r\n * - `'float'` — floating-label that animates above the input on focus / value\r\n */\r\nexport type FormFieldAppearance = 'outline' | 'fill' | 'float';\r\n\r\n/**\r\n * # FormField Component\r\n *\r\n * A form field wrapper component that provides consistent styling and behavior\r\n * for form controls. Follows Angular Material patterns with Carbon Design System styling.\r\n *\r\n * ## Features\r\n * - Floating labels with configurable behavior\r\n * - Error message display with animations\r\n * - Helper text support\r\n * - Prefix and suffix support\r\n * - Outline appearance with Carbon Design System styling\r\n * - Full accessibility support\r\n * - Automatic integration with form controls\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Form Field\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Email</fui-label>\r\n *   <input fuiInput type=\"email\" placeholder=\"Enter your email\">\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * ### With Error Messages\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Username</fui-label>\r\n *   <input fuiInput formControlName=\"username\">\r\n *   <fui-error key=\"required\">Username is required</fui-error>\r\n *   <fui-error key=\"minlength\">Username must be at least 3 characters</fui-error>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * ### With Helper Text and Icons\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Password</fui-label>\r\n *   <fui-icon fuiPrefix name=\"lock\"></fui-icon>\r\n *   <input fuiInput type=\"password\">\r\n *   <button fuiSuffix fuiButton variant=\"tertiary\" (click)=\"togglePasswordVisibility()\">\r\n *     <fui-icon [name]=\"showPassword ? 'eye-slash' : 'eye'\"></fui-icon>\r\n *   </button>\r\n *   <fui-hint>Must be at least 8 characters</fui-hint>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';\r\n * import { FuiInputDirective } from '@raintonic/formaui/components/input';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiFormFieldComponent, FuiInputDirective, ReactiveFormsModule],\r\n *   template: `\r\n *     <form [formGroup]=\"form\">\r\n *       <fui-form-field>\r\n *         <fui-label>Email Address</fui-label>\r\n *         <input fuiInput type=\"email\" formControlName=\"email\">\r\n *         <fui-error key=\"required\">Email is required</fui-error>\r\n *         <fui-error key=\"email\">Please enter a valid email</fui-error>\r\n *       </fui-form-field>\r\n *     </form>\r\n *   `\r\n * })\r\n * export class MyFormComponent {\r\n *   form = this.fb.group({\r\n *     email: ['', [Validators.required, Validators.email]]\r\n *   });\r\n *\r\n *   get emailControl() {\r\n *     return this.form.get('email');\r\n *   }\r\n * }\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-form-field',\r\n  standalone: true,\r\n  imports: [FuiIconComponent],\r\n  templateUrl: './form-field.component.html',\r\n  styleUrls: ['./form-field.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-form-field',\r\n    '[class.fui-form-field--disabled]': 'isDisabled()',\r\n    '[class.fui-form-field--focused]': 'isFocused()',\r\n    '[class.fui-form-field--error]': 'hasError()',\r\n    '[class.fui-form-field--empty]': 'isEmpty()',\r\n    '[class.fui-form-field--readonly]': 'readOnly()',\r\n    '[class.fui-form-field--float]': 'appearance() === \"float\"',\r\n    '[class.fui-form-field--fill]': 'appearance() === \"fill\"',\r\n    '[class.fui-form-field--float-active]': 'shouldFloat()',\r\n    role: 'group',\r\n    '[attr.aria-labelledby]': 'labelId',\r\n    '[attr.aria-disabled]': 'isDisabled() || null',\r\n  },\r\n})\r\nexport class FuiFormFieldComponent {\r\n  readonly intl = inject(FuiFormFieldIntl);\r\n  private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n  /**\r\n   * Whether the form field is in read-only mode.\r\n   * When true, hides the input and shows a plain text value instead.\r\n   * @default false\r\n   */\r\n  readonly readOnly: InputSignal<boolean> = input(false);\r\n\r\n  /**\r\n   * Visual appearance variant.\r\n   * - `'outline'` (default): bordered input with label above\r\n   * - `'fill'`: filled background with bottom-border accent\r\n   * - `'float'`: label floats from inside the input to above it on focus/value\r\n   */\r\n  readonly appearance = input<FormFieldAppearance>('outline');\r\n\r\n  /**\r\n   * Whether to hide the required marker\r\n   * @default false\r\n   */\r\n  readonly hideRequiredMarker: InputSignal<boolean> = input(false);\r\n\r\n  // Content children\r\n  control = contentChild(FUI_FORM_FIELD_CONTROL);\r\n\r\n  @ContentChildren(FuiPrefixDirective, { descendants: true }) _prefixes?: QueryList<FuiPrefixDirective>;\r\n  @ContentChildren(FuiSuffixDirective, { descendants: true }) _suffixes?: QueryList<FuiSuffixDirective>;\r\n  @ViewChild('connectionContainer', { static: true }) _connectionContainerRef?: ElementRef<HTMLElement>;\r\n\r\n  hideSubscript = input(false);\r\n\r\n  // Read-only display value derived from the control's value\r\n  // For select/autocomplete controls, uses their displayValue signal to show the label\r\n  readonly displayValue: Signal<string> = computed(() => {\r\n    const control = this.control();\r\n    if (!control) return '\\u2014';\r\n\r\n    // Select and autocomplete controls expose a displayValue signal with the option label\r\n    if (\r\n      'displayValue' in control &&\r\n      typeof (control as unknown as Record<string, unknown>)['displayValue'] === 'function'\r\n    ) {\r\n      const label = ((control as unknown as Record<string, unknown>)['displayValue'] as () => string)();\r\n      return label || '\\u2014';\r\n    }\r\n\r\n    const val = control.value();\r\n    if (val == null || val === '') return '\\u2014';\r\n    return String(val);\r\n  });\r\n\r\n  // State signals\r\n  readonly isFocused: Signal<boolean> = computed(() => {\r\n    return this.control()?.focused() ?? false;\r\n  });\r\n  readonly hasError: Signal<boolean> = computed(() => {\r\n    return this.control()?.errorState() ?? false;\r\n  });\r\n  readonly isDisabled: Signal<boolean> = computed(() => {\r\n    return this.control()?.disabled() ?? false;\r\n  });\r\n  readonly isEmpty: Signal<boolean> = computed(() => {\r\n    return this.control()?.empty() ?? false;\r\n  });\r\n  readonly isRequired: Signal<boolean> = computed(() => {\r\n    return this.control()?.required() ?? false;\r\n  });\r\n\r\n  /**\r\n   * Whether the floating label should be in its \"floated\" (raised) position.\r\n   * Only meaningful when `appearance === 'float'`. True when the field is\r\n   * focused or contains a non-empty value.\r\n   */\r\n  readonly shouldFloat: Signal<boolean> = computed(() => {\r\n    if (this.appearance() !== 'float') return false;\r\n    return this.isFocused() || !this.isEmpty();\r\n  });\r\n\r\n  /** Whether control-specific icons (dropdown caret, calendar) should be hidden in readOnly mode */\r\n  readonly hideControlIcons: Signal<boolean> = computed(() => {\r\n    if (!this.readOnly()) return false;\r\n    const ct = this.control()?.controlType;\r\n    return ct === 'fui-select' || ct === 'fui-autocomplete' || ct === 'fui-date-picker';\r\n  });\r\n\r\n  /** Whether the \"copied\" feedback indicator is active */\r\n  readonly copied: WritableSignal<boolean> = signal(false);\r\n  private _copiedTimeout: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  // Generate unique IDs\r\n  readonly labelId = `fui-form-field-label-${Math.random().toString(36).substring(2, 11)}`;\r\n  readonly hintId = `fui-form-field-hint-${Math.random().toString(36).substring(2, 11)}`;\r\n  readonly errorId = `fui-form-field-error-${Math.random().toString(36).substring(2, 11)}`;\r\n\r\n  constructor() {\r\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });\r\n\r\n    // Effect to update aria-describedby when state changes\r\n    effect(() => {\r\n      const control = this.control();\r\n      if (control) {\r\n        const ids: string[] = [];\r\n\r\n        if (this.hasError()) {\r\n          ids.push(this.errorId);\r\n        } else {\r\n          ids.push(this.hintId);\r\n        }\r\n\r\n        control.setDescribedByIds(ids);\r\n      } else {\r\n        // FuiFormField must contain an FuiFormFieldControl\r\n      }\r\n    });\r\n\r\n    // Effect to propagate readOnly state to child controls\r\n    effect(() => {\r\n      const control = this.control();\r\n      const ro = this.readOnly();\r\n      if (control?.setReadOnly) {\r\n        control.setReadOnly(ro);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Handles click on the form field container\r\n   */\r\n  onContainerClick(event: MouseEvent): void {\r\n    const control = this.control();\r\n    if (control && !this.isDisabled() && !this.readOnly()) {\r\n      control.onContainerClick(event);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Copies the display value to the clipboard\r\n   */\r\n  copyValue(): void {\r\n    const text = this.displayValue();\r\n    if (!text || text === '\\u2014') return;\r\n\r\n    void navigator.clipboard.writeText(text).then(() => {\r\n      this.copied.set(true);\r\n      if (this._copiedTimeout) clearTimeout(this._copiedTimeout);\r\n      this._copiedTimeout = setTimeout(() => {\r\n        this.copied.set(false);\r\n        this._copiedTimeout = null;\r\n      }, 1500);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Gets the current error messages\r\n   */\r\n  getErrorMessages(): string[] {\r\n    // This would be populated by projected fui-error components\r\n    // Implementation would query ContentChildren for error components\r\n    return [];\r\n  }\r\n\r\n  /**\r\n   * Checks if the form field contains a select control\r\n   */\r\n  hasSelectControl(): boolean {\r\n    const control = this.control();\r\n    if (!control) return false;\r\n\r\n    // Check if it's the full fui-select component\r\n    if (control.controlType === 'fui-select') {\r\n      return true;\r\n    }\r\n\r\n    // Check if it's fuiInput directive on a select element\r\n    if (\r\n      control.controlType === 'fui-input' &&\r\n      typeof (control as unknown as Record<string, unknown>)['isSelect'] === 'function'\r\n    ) {\r\n      return ((control as unknown as Record<string, unknown>)['isSelect'] as () => boolean)();\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Checks if the select control is a multiple select\r\n   */\r\n  isMultipleSelect(): boolean {\r\n    if (!this.hasSelectControl()) {\r\n      return false;\r\n    }\r\n    // Check if the control has a multiple property and it's true\r\n    const ctrl = this.control() as unknown as Record<string, unknown> | undefined;\r\n    return typeof ctrl?.['multiple'] === 'function' ? (ctrl['multiple'] as () => boolean)() : false;\r\n  }\r\n\r\n  /**\r\n   * Whether there is projected prefix content\r\n   */\r\n  hasPrefix(): boolean {\r\n    return (this._prefixes?.length ?? 0) > 0;\r\n  }\r\n\r\n  /**\r\n   * Whether there is projected suffix content\r\n   */\r\n  hasSuffix(): boolean {\r\n    return (this._suffixes?.length ?? 0) > 0;\r\n  }\r\n}\r\n","<div class=\"fui-form-field__container\">\r\n  <!-- Label - Carbon Design System style (outside wrapper) -->\r\n  <label class=\"fui-form-field__label fui-animate-fade\" [attr.id]=\"labelId\" [attr.for]=\"control()?.id\">\r\n    <ng-content select=\"fui-label\"></ng-content>\r\n    @if (isRequired() && !readOnly()) {\r\n      <span class=\"fui-form-field__required-marker\" [class.--has-error]=\"hasError()\">*</span>\r\n    }\r\n  </label>\r\n\r\n  <!-- Wrapper — always visible, styled as read-only when applicable -->\r\n  <div\r\n    class=\"fui-form-field__wrapper\"\r\n    [class.fui-form-field__wrapper--readonly]=\"readOnly()\"\r\n    (click)=\"onContainerClick($event)\"\r\n  >\r\n    <!-- Prefix -->\r\n    @if (hasPrefix()) {\r\n      <div class=\"fui-form-field__prefix\">\r\n        <ng-content select=\"[fuiPrefix]\"></ng-content>\r\n      </div>\r\n    }\r\n\r\n    <!-- Infix (contains input) -->\r\n    <div class=\"fui-form-field__infix\">\r\n      <!-- Input container -->\r\n      <div class=\"fui-form-field__input\" #connectionContainer>\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Suffix -->\r\n    @if (hasSuffix() || (hasSelectControl() && !isMultipleSelect()) || readOnly()) {\r\n      <div class=\"fui-form-field__suffix\">\r\n        <!-- User-projected suffix content -->\r\n        <ng-content select=\"[fuiSuffix]\"></ng-content>\r\n\r\n        <!-- Dropdown icon for select elements (not multiple) — hidden in readOnly -->\r\n        @if (hasSelectControl() && !isMultipleSelect() && !readOnly()) {\r\n          <div class=\"fui-form-field__select-icon\">\r\n            <fui-icon name=\"caret-down\" size=\"sm\"></fui-icon>\r\n          </div>\r\n        }\r\n\r\n        <!-- Copy button — visible only in readOnly on hover -->\r\n        @if (readOnly()) {\r\n          <button\r\n            type=\"button\"\r\n            class=\"fui-form-field__copy-btn\"\r\n            (click)=\"copyValue(); $event.stopPropagation()\"\r\n            [attr.aria-label]=\"copied() ? intl.copiedAriaLabel : intl.copyAriaLabel\"\r\n          >\r\n            <fui-icon [name]=\"copied() ? 'check' : 'copy'\" size=\"sm\"></fui-icon>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n\r\n  @if (!hideSubscript()) {\r\n    <!-- Helper text and error messages container -->\r\n    <div class=\"fui-form-field__subscript-wrapper\">\r\n      <!-- Error messages -->\r\n      @if (hasError()) {\r\n        <div class=\"fui-form-field__error-wrapper fui-animate-slide-in-top\">\r\n          <div class=\"fui-form-field__error\" [attr.id]=\"errorId\">\r\n            <ng-content select=\"fui-error\"></ng-content>\r\n          </div>\r\n        </div>\r\n      } @else {\r\n        <!-- Hint text -->\r\n        <div class=\"fui-form-field__hint-wrapper fui-animate-fade\">\r\n          <div class=\"fui-form-field__hint\" [attr.id]=\"hintId\">\r\n            <ng-content select=\"fui-hint\"></ng-content>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","import { Component, computed, inject, input, Signal } from '@angular/core';\r\nimport { FuiFormFieldComponent } from './form-field.component';\r\n\r\n/**\r\n * FuiErrorComponent\r\n *\r\n * Validation error message shown under the form field. Can automatically show/hide\r\n * based on a specific error key, or use with *ngIf for custom control logic.\r\n * The component provides proper accessibility roles and live region behavior.\r\n *\r\n * @example\r\n * ```html\r\n * <!-- Automatic error key handling -->\r\n * <fui-error key=\"required\">This field is required</fui-error>\r\n * <fui-error key=\"email\">Please enter a valid email</fui-error>\r\n *\r\n * <!-- Manual control (backward compatible) -->\r\n * <fui-error *ngIf=\"control.hasError('custom')\">Custom error</fui-error>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-error',\r\n  standalone: true,\r\n  template: ` <ng-content></ng-content> `,\r\n  host: {\r\n    class: 'fui-error',\r\n    role: 'alert',\r\n    'aria-live': 'assertive',\r\n    '[style.display]': '_shouldHide() ? \"none\" : null',\r\n  },\r\n})\r\nexport class FuiErrorComponent {\r\n  /**\r\n   * Optional error key to match against form control errors.\r\n   * When provided, the error will only show if the control has this specific error.\r\n   * When not provided, the error will always show (backward compatible behavior).\r\n   */\r\n  readonly key = input<string>();\r\n\r\n  private readonly _parent = inject(FuiFormFieldComponent, { host: true });\r\n\r\n  /**\r\n   * Computed signal to determine if this error should be hidden\r\n   */\r\n  protected readonly _shouldHide: Signal<boolean> = computed(() => {\r\n    if (!this._parent.control()?.errorState()) {\r\n      return true;\r\n    }\r\n    const errorKey = this.key();\r\n    // If no key is provided, always show (backward compatible)\r\n    if (!errorKey) {\r\n      return false;\r\n    }\r\n\r\n    // If no form field control is available, show the error\r\n    const formFieldControl = this._parent.control();\r\n    if (!formFieldControl) {\r\n      return false;\r\n    }\r\n\r\n    // Get the ngControl from the form field control\r\n    const ngControl = formFieldControl.ngControl;\r\n    if (!ngControl?.control) {\r\n      return false;\r\n    }\r\n\r\n    // Hide if the control doesn't have this specific error\r\n    return !ngControl.control.hasError(errorKey);\r\n  });\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n/**\r\n * @component FuiHintComponent\r\n * @selector fui-hint\r\n * @description Helper text displayed below the form field input when there is no error.\r\n * Automatically hidden when the parent form field is in an error state.\r\n *\r\n * @example\r\n * <fui-form-field>\r\n *   <fui-label>Email</fui-label>\r\n *   <input fuiInput type=\"email\">\r\n *   <fui-hint>We will never share your email</fui-hint>\r\n * </fui-form-field>\r\n */\r\n@Component({\r\n  selector: 'fui-hint',\r\n  standalone: true,\r\n  template: ` <ng-content></ng-content> `,\r\n  host: {\r\n    class: 'fui-hint',\r\n  },\r\n})\r\nexport class FuiHintComponent {}\r\n","import { Component } from '@angular/core';\r\n\r\n/**\r\n * @component FuiLabelComponent\r\n * @selector fui-label\r\n * @description Label element projected inside `fui-form-field` to provide an accessible\r\n * field label. Automatically linked to the form control via `aria-labelledby`.\r\n *\r\n * @example\r\n * <fui-form-field>\r\n *   <fui-label>Email</fui-label>\r\n *   <input fuiInput type=\"email\">\r\n * </fui-form-field>\r\n */\r\n@Component({\r\n  selector: 'fui-label',\r\n  standalone: true,\r\n  template: ` <ng-content></ng-content> `,\r\n  host: {\r\n    class: 'fui-label',\r\n  },\r\n})\r\nexport class FuiLabelComponent {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-icon.mjs

@@ -95,7 +95,7 @@ class FuiIconComponent {
         FuiIconComponent._loadedWeights.add(weight);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiIconComponent, isStandalone: true, selector: "fui-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, spin: { classPropertyName: "spin", publicName: "spin", isSignal: true, isRequired: false, transformFunction: null }, pulse: { classPropertyName: "pulse", publicName: "pulse", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "computedClasses()", "style.color": "color() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-hidden": "ariaLabel() ? null : \"true\"" }, classAttribute: "fui-icon" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}::ng-deep .fui-icon{--fui-icon-color: currentColor;--fui-icon-default-size: 1em;contain:content;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--fui-icon-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-size-sm);width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-size-md);width:var(--fui-icon-size-md);height:var(--fui-icon-size-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-size-lg);width:var(--fui-icon-size-lg);height:var(--fui-icon-size-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-size-xl);width:var(--fui-icon-size-xl);height:var(--fui-icon-size-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-slow-02)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow-01)) var(--fui-icon-pulse-timing, var(--fui-ease-expressive)) infinite}@media(prefers-reduced-motion:reduce){::ng-deep .fui-icon--spin,::ng-deep .fui-icon--pulse{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiIconComponent, isStandalone: true, selector: "fui-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, spin: { classPropertyName: "spin", publicName: "spin", isSignal: true, isRequired: false, transformFunction: null }, pulse: { classPropertyName: "pulse", publicName: "pulse", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "computedClasses()", "style.color": "color() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-hidden": "ariaLabel() ? null : \"true\"" }, classAttribute: "fui-icon" }, ngImport: i0, template: '', isInline: true, styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-icon{--fui-icon-color: currentColor;--fui-icon-default-size: 1em;contain:content;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--fui-icon-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-size-sm);width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-size-md);width:var(--fui-icon-size-md);height:var(--fui-icon-size-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-size-lg);width:var(--fui-icon-size-lg);height:var(--fui-icon-size-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-size-xl);width:var(--fui-icon-size-xl);height:var(--fui-icon-size-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-slow-02)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow-01)) var(--fui-icon-pulse-timing, var(--fui-ease-expressive)) infinite}@media(prefers-reduced-motion:reduce){::ng-deep .fui-icon--spin,::ng-deep .fui-icon--pulse{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIconComponent, decorators: [{
             type: Component,
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         role: 'img',
                         '[attr.aria-label]': 'ariaLabel() || null',
                         '[attr.aria-hidden]': 'ariaLabel() ? null : "true"',
-                    }, styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}::ng-deep .fui-icon{--fui-icon-color: currentColor;--fui-icon-default-size: 1em;contain:content;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--fui-icon-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-size-sm);width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-size-md);width:var(--fui-icon-size-md);height:var(--fui-icon-size-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-size-lg);width:var(--fui-icon-size-lg);height:var(--fui-icon-size-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-size-xl);width:var(--fui-icon-size-xl);height:var(--fui-icon-size-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-slow-02)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow-01)) var(--fui-icon-pulse-timing, var(--fui-ease-expressive)) infinite}@media(prefers-reduced-motion:reduce){::ng-deep .fui-icon--spin,::ng-deep .fui-icon--pulse{animation:none}}\n"] }]
+                    }, styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-icon{--fui-icon-color: currentColor;--fui-icon-default-size: 1em;contain:content;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--fui-icon-color);transition:color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-size-sm);width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-size-md);width:var(--fui-icon-size-md);height:var(--fui-icon-size-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-size-lg);width:var(--fui-icon-size-lg);height:var(--fui-icon-size-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-size-xl);width:var(--fui-icon-size-xl);height:var(--fui-icon-size-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-slow-02)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow-01)) var(--fui-icon-pulse-timing, var(--fui-ease-expressive)) infinite}@media(prefers-reduced-motion:reduce){::ng-deep .fui-icon--spin,::ng-deep .fui-icon--pulse{animation:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], spin: [{ type: i0.Input, args: [{ isSignal: true, alias: "spin", required: false }] }], pulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pulse", required: false }] }] } });
 
 /**

package/fesm2022/raintonic-formaui-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-icon.mjs","sources":["../../../lib/components/icon/icon-config.ts","../../../lib/components/icon/icon.component.ts","../../../lib/components/icon/raintonic-formaui-components-icon.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { FuiIconWeight } from './icon.component';\n\nexport interface FuiIconConfig {\n  /** Base URL for the Phosphor Icons CDN */\n  cdnBase: string;\n  /** SRI hashes per weight. If provided, integrity attribute is added to link elements */\n  integrity?: Partial<Record<FuiIconWeight, string>>;\n  /** If true, disables automatic CDN loading. Consumer must load icon CSS manually. */\n  disableAutoLoad?: boolean;\n}\n\nexport const FUI_ICON_DEFAULT_CONFIG: FuiIconConfig = {\n  cdnBase: 'https://unpkg.com/@phosphor-icons/web@2.1.2/src',\n};\n\nexport const FUI_ICON_CONFIG = new InjectionToken<FuiIconConfig>('FUI_ICON_CONFIG', {\n  providedIn: 'root',\n  factory: () => FUI_ICON_DEFAULT_CONFIG,\n});\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  input,\n  InputSignal,\n  Signal,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { FUI_ICON_CONFIG, FuiIconConfig } from './icon-config';\n\n/**\n * Available icon sizes following Carbon Design System\n */\nexport type FuiIconSize = 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Available icon weights\n */\nexport type FuiIconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill';\n\n/**\n * # FuiIcon Component\n *\n * A wrapper component for Phosphor Icons with consistent sizing and styling.\n * Provides easy access to the complete Phosphor Icons library with theme integration.\n *\n * ## Usage\n *\n * ### Basic Icon\n * ```html\n * <fui-icon name=\"heart\"></fui-icon>\n * ```\n */\n@Component({\n  selector: 'fui-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'fui-icon',\n    '[class]': 'computedClasses()',\n    '[style.color]': 'color() || null',\n    role: 'img',\n    '[attr.aria-label]': 'ariaLabel() || null',\n    '[attr.aria-hidden]': 'ariaLabel() ? null : \"true\"',\n  },\n})\nexport class FuiIconComponent {\n  // Track which phosphor icon weights have been loaded\n  private static readonly _loadedWeights = new Set<FuiIconWeight>();\n\n  private readonly _config = inject(FUI_ICON_CONFIG);\n  private readonly _document = inject(DOCUMENT);\n\n  // Inputs using new signal-based API\n  name: InputSignal<string> = input.required<string>();\n  size: InputSignal<FuiIconSize> = input<FuiIconSize>('md');\n  weight: InputSignal<FuiIconWeight> = input<FuiIconWeight>('regular');\n  color: InputSignal<string | undefined> = input<string>();\n  ariaLabel: InputSignal<string | undefined> = input<string>();\n  spin: InputSignal<boolean> = input(false);\n  pulse: InputSignal<boolean> = input(false);\n\n  // Computed properties\n  readonly computedClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-icon', `fui-icon--${this.size()}`, `fui-icon--${this.weight()}`, this.iconClass()];\n\n    if (this.spin()) {\n      classes.push('fui-icon--spin');\n    }\n\n    if (this.pulse()) {\n      classes.push('fui-icon--pulse');\n    }\n\n    return classes.join(' ');\n  });\n\n  readonly iconClass: Signal<string> = computed(() => {\n    const weight: FuiIconWeight = this.weight();\n    const weightSuffix: string = weight === 'regular' ? '' : `-${weight}`;\n    return `ph${weightSuffix} ph-${this.name()}`;\n  });\n\n  constructor() {\n    // Watch for weight changes and load the corresponding CSS\n    effect(() => {\n      const weight = this.weight();\n      this._loadPhosphorWeight(weight);\n    });\n  }\n\n  /**\n   * Dynamically loads the CSS for a specific Phosphor Icons weight from CDN\n   * @param weight The icon weight to load\n   */\n  private _loadPhosphorWeight(weight: FuiIconWeight): void {\n    if (this._config.disableAutoLoad) {\n      return;\n    }\n\n    // Skip if already loaded\n    if (FuiIconComponent._loadedWeights.has(weight)) {\n      return;\n    }\n\n    // Check if CSS link already exists in DOM\n    const linkId = `phosphor-icons-${weight}`;\n    if (this._document.getElementById(linkId)) {\n      FuiIconComponent._loadedWeights.add(weight);\n      return;\n    }\n\n    // Create and append the link element\n    const link = this._document.createElement('link');\n    link.id = linkId;\n    link.rel = 'stylesheet';\n    link.href = `${this._config.cdnBase}/${weight}/style.css`;\n    link.crossOrigin = 'anonymous';\n\n    const integrityHash = this._config.integrity?.[weight];\n    if (integrityHash) {\n      link.integrity = integrityHash;\n    }\n\n    link.onerror = (): void => {\n      console.warn(`[FormaUI] Failed to load Phosphor Icons weight \"${weight}\" from CDN.`);\n      FuiIconComponent._loadedWeights.delete(weight);\n    };\n\n    this._document.head.appendChild(link);\n    FuiIconComponent._loadedWeights.add(weight);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-icon.mjs","sources":["../../../lib/components/icon/icon-config.ts","../../../lib/components/icon/icon.component.ts","../../../lib/components/icon/raintonic-formaui-components-icon.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\nimport { FuiIconWeight } from './icon.component';\r\n\r\nexport interface FuiIconConfig {\r\n  /** Base URL for the Phosphor Icons CDN */\r\n  cdnBase: string;\r\n  /** SRI hashes per weight. If provided, integrity attribute is added to link elements */\r\n  integrity?: Partial<Record<FuiIconWeight, string>>;\r\n  /** If true, disables automatic CDN loading. Consumer must load icon CSS manually. */\r\n  disableAutoLoad?: boolean;\r\n}\r\n\r\nexport const FUI_ICON_DEFAULT_CONFIG: FuiIconConfig = {\r\n  cdnBase: 'https://unpkg.com/@phosphor-icons/web@2.1.2/src',\r\n};\r\n\r\nexport const FUI_ICON_CONFIG = new InjectionToken<FuiIconConfig>('FUI_ICON_CONFIG', {\r\n  providedIn: 'root',\r\n  factory: () => FUI_ICON_DEFAULT_CONFIG,\r\n});\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  Signal,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { FUI_ICON_CONFIG, FuiIconConfig } from './icon-config';\r\n\r\n/**\r\n * Available icon sizes following Carbon Design System\r\n */\r\nexport type FuiIconSize = 'sm' | 'md' | 'lg' | 'xl';\r\n\r\n/**\r\n * Available icon weights\r\n */\r\nexport type FuiIconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill';\r\n\r\n/**\r\n * # FuiIcon Component\r\n *\r\n * A wrapper component for Phosphor Icons with consistent sizing and styling.\r\n * Provides easy access to the complete Phosphor Icons library with theme integration.\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Icon\r\n * ```html\r\n * <fui-icon name=\"heart\"></fui-icon>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-icon',\r\n  template: '',\r\n  styleUrls: ['./icon.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'fui-icon',\r\n    '[class]': 'computedClasses()',\r\n    '[style.color]': 'color() || null',\r\n    role: 'img',\r\n    '[attr.aria-label]': 'ariaLabel() || null',\r\n    '[attr.aria-hidden]': 'ariaLabel() ? null : \"true\"',\r\n  },\r\n})\r\nexport class FuiIconComponent {\r\n  // Track which phosphor icon weights have been loaded\r\n  private static readonly _loadedWeights = new Set<FuiIconWeight>();\r\n\r\n  private readonly _config = inject(FUI_ICON_CONFIG);\r\n  private readonly _document = inject(DOCUMENT);\r\n\r\n  // Inputs using new signal-based API\r\n  name: InputSignal<string> = input.required<string>();\r\n  size: InputSignal<FuiIconSize> = input<FuiIconSize>('md');\r\n  weight: InputSignal<FuiIconWeight> = input<FuiIconWeight>('regular');\r\n  color: InputSignal<string | undefined> = input<string>();\r\n  ariaLabel: InputSignal<string | undefined> = input<string>();\r\n  spin: InputSignal<boolean> = input(false);\r\n  pulse: InputSignal<boolean> = input(false);\r\n\r\n  // Computed properties\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-icon', `fui-icon--${this.size()}`, `fui-icon--${this.weight()}`, this.iconClass()];\r\n\r\n    if (this.spin()) {\r\n      classes.push('fui-icon--spin');\r\n    }\r\n\r\n    if (this.pulse()) {\r\n      classes.push('fui-icon--pulse');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  readonly iconClass: Signal<string> = computed(() => {\r\n    const weight: FuiIconWeight = this.weight();\r\n    const weightSuffix: string = weight === 'regular' ? '' : `-${weight}`;\r\n    return `ph${weightSuffix} ph-${this.name()}`;\r\n  });\r\n\r\n  constructor() {\r\n    // Watch for weight changes and load the corresponding CSS\r\n    effect(() => {\r\n      const weight = this.weight();\r\n      this._loadPhosphorWeight(weight);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Dynamically loads the CSS for a specific Phosphor Icons weight from CDN\r\n   * @param weight The icon weight to load\r\n   */\r\n  private _loadPhosphorWeight(weight: FuiIconWeight): void {\r\n    if (this._config.disableAutoLoad) {\r\n      return;\r\n    }\r\n\r\n    // Skip if already loaded\r\n    if (FuiIconComponent._loadedWeights.has(weight)) {\r\n      return;\r\n    }\r\n\r\n    // Check if CSS link already exists in DOM\r\n    const linkId = `phosphor-icons-${weight}`;\r\n    if (this._document.getElementById(linkId)) {\r\n      FuiIconComponent._loadedWeights.add(weight);\r\n      return;\r\n    }\r\n\r\n    // Create and append the link element\r\n    const link = this._document.createElement('link');\r\n    link.id = linkId;\r\n    link.rel = 'stylesheet';\r\n    link.href = `${this._config.cdnBase}/${weight}/style.css`;\r\n    link.crossOrigin = 'anonymous';\r\n\r\n    const integrityHash = this._config.integrity?.[weight];\r\n    if (integrityHash) {\r\n      link.integrity = integrityHash;\r\n    }\r\n\r\n    link.onerror = (): void => {\r\n      console.warn(`[FormaUI] Failed to load Phosphor Icons weight \"${weight}\" from CDN.`);\r\n      FuiIconComponent._loadedWeights.delete(weight);\r\n    };\r\n\r\n    this._document.head.appendChild(link);\r\n    FuiIconComponent._loadedWeights.add(weight);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-input.mjs

@@ -46,7 +46,7 @@ import { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisa
  * <fui-form-field>
  *   <fui-label>Password</fui-label>
  *   <input fuiInput [type]="showPassword ? 'text' : 'password'">
- *   <button fuiSuffix fuiButton variant="ghost" (click)="togglePassword()">
+ *   <button fuiSuffix fuiButton variant="tertiary" (click)="togglePassword()">
  *     <fui-icon [name]="showPassword ? 'eye-slash' : 'eye'"></fui-icon>
  *   </button>
  * </fui-form-field>