@raintonic/formaui 0.2.0

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

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+
+const FUI_ICON_DEFAULT_CONFIG = {
+    cdnBase: 'https://unpkg.com/@phosphor-icons/web@2.1.2/src',
+};
+const FUI_ICON_CONFIG = new InjectionToken('FUI_ICON_CONFIG', {
+    providedIn: 'root',
+    factory: () => FUI_ICON_DEFAULT_CONFIG,
+});
+
+/**
+ * # FuiIcon Component
+ *
+ * A wrapper component for Phosphor Icons with consistent sizing and styling.
+ * Provides easy access to the complete Phosphor Icons library with theme integration.
+ *
+ * ## Usage
+ *
+ * ### Basic Icon
+ * ```html
+ * <fui-icon name="heart"></fui-icon>
+ * ```
+ */
+class FuiIconComponent {
+    // Track which phosphor icon weights have been loaded
+    static _loadedWeights = new Set();
+    _config = inject(FUI_ICON_CONFIG);
+    _document = inject(DOCUMENT);
+    // Inputs using new signal-based API
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    weight = input('regular', ...(ngDevMode ? [{ debugName: "weight" }] : /* istanbul ignore next */ []));
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    spin = input(false, ...(ngDevMode ? [{ debugName: "spin" }] : /* istanbul ignore next */ []));
+    pulse = input(false, ...(ngDevMode ? [{ debugName: "pulse" }] : /* istanbul ignore next */ []));
+    // Computed properties
+    computedClasses = computed(() => {
+        const classes = ['fui-icon', `fui-icon--${this.size()}`, `fui-icon--${this.weight()}`, this.iconClass()];
+        if (this.spin()) {
+            classes.push('fui-icon--spin');
+        }
+        if (this.pulse()) {
+            classes.push('fui-icon--pulse');
+        }
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
+    iconClass = computed(() => {
+        const weight = this.weight();
+        const weightSuffix = weight === 'regular' ? '' : `-${weight}`;
+        return `ph${weightSuffix} ph-${this.name()}`;
+    }, ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Watch for weight changes and load the corresponding CSS
+        effect(() => {
+            const weight = this.weight();
+            this._loadPhosphorWeight(weight);
+        });
+    }
+    /**
+     * Dynamically loads the CSS for a specific Phosphor Icons weight from CDN
+     * @param weight The icon weight to load
+     */
+    _loadPhosphorWeight(weight) {
+        if (this._config.disableAutoLoad) {
+            return;
+        }
+        // Skip if already loaded
+        if (FuiIconComponent._loadedWeights.has(weight)) {
+            return;
+        }
+        // Check if CSS link already exists in DOM
+        const linkId = `phosphor-icons-${weight}`;
+        if (this._document.getElementById(linkId)) {
+            FuiIconComponent._loadedWeights.add(weight);
+            return;
+        }
+        // Create and append the link element
+        const link = this._document.createElement('link');
+        link.id = linkId;
+        link.rel = 'stylesheet';
+        link.href = `${this._config.cdnBase}/${weight}/style.css`;
+        link.crossOrigin = 'anonymous';
+        const integrityHash = this._config.integrity?.[weight];
+        if (integrityHash) {
+            link.integrity = integrityHash;
+        }
+        link.onerror = () => {
+            console.warn(`[FormaUI] Failed to load Phosphor Icons weight "${weight}" from CDN.`);
+            FuiIconComponent._loadedWeights.delete(weight);
+        };
+        this._document.head.appendChild(link);
+        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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'fui-icon',
+                        '[class]': 'computedClasses()',
+                        '[style.color]': 'color() || null',
+                        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"] }]
+        }], 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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FUI_ICON_CONFIG, FUI_ICON_DEFAULT_CONFIG, FuiIconComponent };
+//# sourceMappingURL=raintonic-formaui-components-icon.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,327 @@
+import * as i0 from '@angular/core';
+import { input, signal, computed, output, inject, ElementRef, effect, HostListener, Directive } from '@angular/core';
+import { NgForm, FormGroupDirective, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { DefaultErrorStateMatcher, FUI_FORM_FIELD_CONTROL } from '@raintonic/formaui/core';
+import { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';
+
+/**
+ * # FuiInput Directive
+ *
+ * An input directive that integrates seamlessly with fui-form-field and Angular Forms.
+ * Follows Angular Material patterns with Carbon Design System styling.
+ *
+ * ## Features
+ * - Full integration with fui-form-field
+ * - Reactive Forms and Template-driven Forms support
+ * - Multiple input types support
+ * - Error state handling with customizable error messages
+ * - Accessibility features (ARIA attributes, labels)
+ * - Smooth animations and transitions
+ * - Theme-aware styling
+ *
+ * ## Usage
+ *
+ * ### Basic Input with Form Field
+ * ```html
+ * <fui-form-field>
+ *   <fui-label>Email</fui-label>
+ *   <input fuiInput type="email" placeholder="Enter your email">
+ * </fui-form-field>
+ * ```
+ *
+ * ### With Reactive Forms
+ * ```html
+ * <fui-form-field>
+ *   <fui-label>Username</fui-label>
+ *   <input fuiInput formControlName="username">
+ *   <fui-error *ngIf="form.get('username')?.hasError('required')">
+ *     Username is required
+ *   </fui-error>
+ * </fui-form-field>
+ * ```
+ *
+ * ### Password Input with Toggle
+ * ```html
+ * <fui-form-field>
+ *   <fui-label>Password</fui-label>
+ *   <input fuiInput [type]="showPassword ? 'text' : 'password'">
+ *   <button fuiSuffix fuiButton variant="ghost" (click)="togglePassword()">
+ *     <fui-icon [name]="showPassword ? 'eye-slash' : 'eye'"></fui-icon>
+ *   </button>
+ * </fui-form-field>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { FuiInputDirective } from '@raintonic/formaui/components/input';
+ * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [FuiInputDirective, FuiFormFieldComponent, ReactiveFormsModule],
+ *   template: `
+ *     <form [formGroup]="form">
+ *       <fui-form-field>
+ *         <fui-label>Email</fui-label>
+ *         <input fuiInput type="email" formControlName="email">
+ *         <fui-error *ngIf="emailControl?.invalid && emailControl?.touched">
+ *           Please enter a valid email
+ *         </fui-error>
+ *       </fui-form-field>
+ *     </form>
+ *   `
+ * })
+ * export class MyFormComponent {
+ *   form = this.fb.group({
+ *     email: ['', [Validators.required, Validators.email]]
+ *   });
+ *
+ *   get emailControl() {
+ *     return this.form.get('email');
+ *   }
+ * }
+ * ```
+ */
+class FuiInputDirective {
+    // Static properties
+    static nextId = 0;
+    controlType = 'fui-input';
+    // Inputs
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    // Validation/constraint inputs (pass-through to native attributes)
+    maxlength = input(null, ...(ngDevMode ? [{ debugName: "maxlength" }] : /* istanbul ignore next */ []));
+    minlength = input(null, ...(ngDevMode ? [{ debugName: "minlength" }] : /* istanbul ignore next */ []));
+    pattern = input(null, ...(ngDevMode ? [{ debugName: "pattern" }] : /* istanbul ignore next */ []));
+    // Interface implementation
+    required = signal(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    errorStateMatcher = input(null, ...(ngDevMode ? [{ debugName: "errorStateMatcher" }] : /* istanbul ignore next */ []));
+    disabledInput = input(false, ...(ngDevMode ? [{ debugName: "disabledInput" }] : /* istanbul ignore next */ []));
+    disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    // Outputs
+    valueChange = output();
+    // Internal state
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    focused = this._focused;
+    stateChanges = new Subject();
+    _value = signal('', ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    value = this._value;
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
+    _ngControlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "_ngControlDisabled" }] : /* istanbul ignore next */ []));
+    _uid = `fui-input-${FuiInputDirective.nextId++}`;
+    _ariaDescribedby = null;
+    // Error state
+    _errorState = signal(false, ...(ngDevMode ? [{ debugName: "_errorState" }] : /* istanbul ignore next */ []));
+    errorState = this._errorState;
+    // Form control references
+    _parentForm = inject(NgForm, { optional: true });
+    _parentFormGroup = inject(FormGroupDirective, { optional: true });
+    _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);
+    // Element reference
+    _elementRef = inject(ElementRef);
+    // Computed properties
+    empty = computed(() => {
+        const v = this._value();
+        return !v || v.length === 0;
+    }, ...(ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []));
+    id = this._uid;
+    // ControlValueAccessor callbacks
+    _onChange = () => {
+        /* noop */
+    };
+    _onTouched = () => {
+        /* noop */
+    };
+    _ngControlRef = injectNgControl();
+    get ngControl() {
+        return this._ngControlRef.ngControl;
+    }
+    constructor() {
+        // Set valueAccessor after NgControl is resolved
+        void Promise.resolve().then(() => {
+            if (this._ngControlRef.ngControl) {
+                this._ngControlRef.ngControl.valueAccessor = this;
+            }
+        });
+        // Effect to emit state changes
+        effect(() => {
+            // Track all reactive inputs and internal signals
+            this.type();
+            this.placeholder();
+            this.readonly();
+            this.maxlength();
+            this.minlength();
+            this.pattern();
+            this.disabledInput();
+            this.errorStateMatcher();
+            this._focused();
+            this._value();
+            this._disabled();
+            this._ngControlDisabled();
+            this.required();
+            this._errorState();
+            // Emit state change
+            this.stateChanges.next();
+        });
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            updateErrorState(this.ngControl, this._errorState, this.errorStateMatcher(), this._defaultErrorStateMatcher, this._parentForm, this._parentFormGroup, this.stateChanges);
+            syncRequiredState(this.ngControl, this.required, this.stateChanges);
+            syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        const v = value ?? '';
+        this._value.set(v);
+        // Update the DOM element's value to reflect the new value
+        this._elementRef.nativeElement.value = v;
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+        this.stateChanges.next();
+    }
+    onContainerClick(_event) {
+        if (!this._focused()) {
+            this._elementRef.nativeElement.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        this._ariaDescribedby = ids.length ? ids.join(' ') : null;
+    }
+    // Event handlers
+    onInput(event) {
+        const target = event.target;
+        const newValue = target.value;
+        if (newValue !== this._value()) {
+            this._value.set(newValue);
+            this._onChange(newValue);
+            this.valueChange.emit(newValue);
+            this.stateChanges.next();
+        }
+    }
+    onChange(event) {
+        // Handle change event for select elements
+        if (this.isSelect()) {
+            const target = event.target;
+            const newValue = target.value;
+            if (newValue !== this._value()) {
+                this._value.set(newValue);
+                this._onChange(newValue);
+                this.valueChange.emit(newValue);
+                this.stateChanges.next();
+            }
+        }
+    }
+    onFocus() {
+        if (!this._focused()) {
+            this._focused.set(true);
+            this.stateChanges.next();
+        }
+    }
+    onBlur() {
+        if (this._focused()) {
+            this._focused.set(false);
+            this._onTouched();
+            this.stateChanges.next();
+        }
+    }
+    // Public API
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+    blur() {
+        this._elementRef.nativeElement.blur();
+    }
+    /**
+     * Check if the element is a select element
+     */
+    isSelect() {
+        return this._elementRef.nativeElement.tagName.toLowerCase() === 'select';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.6", type: FuiInputDirective, isStandalone: true, selector: "input[fuiInput], textarea[fuiInput], select[fuiInput]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, errorStateMatcher: { classPropertyName: "errorStateMatcher", publicName: "errorStateMatcher", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabledInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { listeners: { "input": "onInput($event)", "change": "onChange($event)", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.fui-input--select": "isSelect()", "class.fui-input--disabled": "disabled()", "class.fui-input--readonly": "readonly()", "class.fui-input--error": "errorState()", "attr.id": "id", "attr.type": "type()", "attr.placeholder": "placeholder()", "attr.disabled": "disabled() ? \"\" : null", "attr.readonly": "readonly() ? \"\" : null", "attr.required": "required() ? \"\" : null", "attr.maxlength": "maxlength()", "attr.minlength": "minlength()", "attr.pattern": "pattern()", "attr.aria-invalid": "errorState() ? \"true\" : null", "attr.aria-required": "required() ? \"true\" : null", "attr.aria-describedby": "_ariaDescribedby", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-readonly": "readonly() ? \"true\" : null" }, classAttribute: "fui-input" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: FuiInputDirective,
+                multi: true,
+            },
+            {
+                provide: FUI_FORM_FIELD_CONTROL,
+                useExisting: FuiInputDirective,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[fuiInput], textarea[fuiInput], select[fuiInput]',
+                    standalone: true,
+                    host: {
+                        class: 'fui-input',
+                        '[class.fui-input--select]': 'isSelect()',
+                        '[class.fui-input--disabled]': 'disabled()',
+                        '[class.fui-input--readonly]': 'readonly()',
+                        '[class.fui-input--error]': 'errorState()',
+                        '[attr.id]': 'id',
+                        '[attr.type]': 'type()',
+                        '[attr.placeholder]': 'placeholder()',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        '[attr.readonly]': 'readonly() ? "" : null',
+                        '[attr.required]': 'required() ? "" : null',
+                        // constraints
+                        '[attr.maxlength]': 'maxlength()',
+                        '[attr.minlength]': 'minlength()',
+                        '[attr.pattern]': 'pattern()',
+                        // ARIA
+                        '[attr.aria-invalid]': 'errorState() ? "true" : null',
+                        '[attr.aria-required]': 'required() ? "true" : null',
+                        '[attr.aria-describedby]': '_ariaDescribedby',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.aria-readonly]': 'readonly() ? "true" : null',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: FuiInputDirective,
+                            multi: true,
+                        },
+                        {
+                            provide: FUI_FORM_FIELD_CONTROL,
+                            useExisting: FuiInputDirective,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledInput", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], onInput: [{
+                type: HostListener,
+                args: ['input', ['$event']]
+            }], onChange: [{
+                type: HostListener,
+                args: ['change', ['$event']]
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiInputDirective };
+//# sourceMappingURL=raintonic-formaui-components-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-input.mjs","sources":["../../../lib/components/input/input.directive.ts","../../../lib/components/input/raintonic-formaui-components-input.ts"],"sourcesContent":["import {\n  computed,\n  Directive,\n  DoCheck,\n  effect,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  InputSignal,\n  OnDestroy,\n  output,\n  OutputEmitterRef,\n  signal,\n  WritableSignal,\n} from '@angular/core';\n\nimport { ControlValueAccessor, FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from '@angular/forms';\nimport { Subject } from 'rxjs';\nimport { FUI_FORM_FIELD_CONTROL, FuiFormFieldControl } from '@raintonic/formaui/core';\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\n\n/**\n * Available input types\n */\nexport type FuiInputType =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'number'\n  | 'tel'\n  | 'url'\n  | 'search'\n  | 'date'\n  | 'time'\n  | 'datetime-local';\n\n/**\n * # FuiInput Directive\n *\n * An input directive that integrates seamlessly with fui-form-field and Angular Forms.\n * Follows Angular Material patterns with Carbon Design System styling.\n *\n * ## Features\n * - Full integration with fui-form-field\n * - Reactive Forms and Template-driven Forms support\n * - Multiple input types support\n * - Error state handling with customizable error messages\n * - Accessibility features (ARIA attributes, labels)\n * - Smooth animations and transitions\n * - Theme-aware styling\n *\n * ## Usage\n *\n * ### Basic Input with 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 Reactive Forms\n * ```html\n * <fui-form-field>\n *   <fui-label>Username</fui-label>\n *   <input fuiInput formControlName=\"username\">\n *   <fui-error *ngIf=\"form.get('username')?.hasError('required')\">\n *     Username is required\n *   </fui-error>\n * </fui-form-field>\n * ```\n *\n * ### Password Input with Toggle\n * ```html\n * <fui-form-field>\n *   <fui-label>Password</fui-label>\n *   <input fuiInput [type]=\"showPassword ? 'text' : 'password'\">\n *   <button fuiSuffix fuiButton variant=\"ghost\" (click)=\"togglePassword()\">\n *     <fui-icon [name]=\"showPassword ? 'eye-slash' : 'eye'\"></fui-icon>\n *   </button>\n * </fui-form-field>\n * ```\n *\n * @example\n * ```typescript\n * import { FuiInputDirective } from '@raintonic/formaui/components/input';\n * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';\n *\n * @Component({\n *   standalone: true,\n *   imports: [FuiInputDirective, FuiFormFieldComponent, ReactiveFormsModule],\n *   template: `\n *     <form [formGroup]=\"form\">\n *       <fui-form-field>\n *         <fui-label>Email</fui-label>\n *         <input fuiInput type=\"email\" formControlName=\"email\">\n *         <fui-error *ngIf=\"emailControl?.invalid && emailControl?.touched\">\n *           Please enter a valid email\n *         </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@Directive({\n  selector: 'input[fuiInput], textarea[fuiInput], select[fuiInput]',\n  standalone: true,\n  host: {\n    class: 'fui-input',\n    '[class.fui-input--select]': 'isSelect()',\n    '[class.fui-input--disabled]': 'disabled()',\n    '[class.fui-input--readonly]': 'readonly()',\n    '[class.fui-input--error]': 'errorState()',\n    '[attr.id]': 'id',\n    '[attr.type]': 'type()',\n    '[attr.placeholder]': 'placeholder()',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n    '[attr.readonly]': 'readonly() ? \"\" : null',\n    '[attr.required]': 'required() ? \"\" : null',\n    // constraints\n    '[attr.maxlength]': 'maxlength()',\n    '[attr.minlength]': 'minlength()',\n    '[attr.pattern]': 'pattern()',\n    // ARIA\n    '[attr.aria-invalid]': 'errorState() ? \"true\" : null',\n    '[attr.aria-required]': 'required() ? \"true\" : null',\n    '[attr.aria-describedby]': '_ariaDescribedby',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: FuiInputDirective,\n      multi: true,\n    },\n    {\n      provide: FUI_FORM_FIELD_CONTROL,\n      useExisting: FuiInputDirective,\n    },\n  ],\n})\nexport class FuiInputDirective implements ControlValueAccessor, FuiFormFieldControl<string>, DoCheck, OnDestroy {\n  // Static properties\n  static nextId = 0;\n  readonly controlType = 'fui-input';\n\n  // Inputs\n  type: InputSignal<FuiInputType> = input<FuiInputType>('text');\n  placeholder: InputSignal<string> = input('');\n\n  readonly: InputSignal<boolean> = input(false);\n\n  // Validation/constraint inputs (pass-through to native attributes)\n  maxlength: InputSignal<number | null> = input<number | null>(null);\n  minlength: InputSignal<number | null> = input<number | null>(null);\n  pattern: InputSignal<string | null> = input<string | null>(null);\n\n  // Interface implementation\n  required: WritableSignal<boolean> = signal(false);\n\n  errorStateMatcher: InputSignal<ErrorStateMatcher | null> = input<ErrorStateMatcher | null>(null);\n  readonly disabledInput: InputSignal<boolean> = input(false);\n  readonly disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled());\n\n  // Outputs\n  readonly valueChange: OutputEmitterRef<string> = output<string>();\n\n  // Internal state\n  private readonly _focused: WritableSignal<boolean> = signal(false);\n  readonly focused = this._focused;\n  readonly stateChanges = new Subject<void>();\n\n  private readonly _value: WritableSignal<string> = signal('');\n  readonly value = this._value;\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\n  private _uid = `fui-input-${FuiInputDirective.nextId++}`;\n  _ariaDescribedby: string | null = null;\n\n  // Error state\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\n  readonly errorState = this._errorState;\n\n  // Form control references\n  private _parentForm = inject(NgForm, { optional: true });\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\n\n  // Element reference\n  private readonly _elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> =\n    inject(ElementRef);\n\n  // Computed properties\n  readonly empty = computed(() => {\n    const v = this._value();\n    return !v || v.length === 0;\n  });\n  readonly id = this._uid;\n\n  // ControlValueAccessor callbacks\n  private _onChange: (value: string) => void = () => {\n    /* noop */\n  };\n  private _onTouched: () => void = () => {\n    /* noop */\n  };\n\n  private readonly _ngControlRef = injectNgControl();\n\n  get ngControl(): NgControl | null {\n    return this._ngControlRef.ngControl;\n  }\n\n  constructor() {\n    // Set valueAccessor after NgControl is resolved\n    void Promise.resolve().then(() => {\n      if (this._ngControlRef.ngControl) {\n        this._ngControlRef.ngControl.valueAccessor = this;\n      }\n    });\n\n    // Effect to emit state changes\n    effect(() => {\n      // Track all reactive inputs and internal signals\n      this.type();\n      this.placeholder();\n      this.readonly();\n      this.maxlength();\n      this.minlength();\n      this.pattern();\n      this.disabledInput();\n      this.errorStateMatcher();\n      this._focused();\n      this._value();\n      this._disabled();\n      this._ngControlDisabled();\n      this.required();\n      this._errorState();\n\n      // Emit state change\n      this.stateChanges.next();\n    });\n  }\n\n  ngDoCheck(): void {\n    if (this.ngControl) {\n      updateErrorState(\n        this.ngControl,\n        this._errorState,\n        this.errorStateMatcher(),\n        this._defaultErrorStateMatcher,\n        this._parentForm,\n        this._parentFormGroup,\n        this.stateChanges,\n      );\n      syncRequiredState(this.ngControl, this.required, this.stateChanges);\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: string | null): void {\n    const v = value ?? '';\n    this._value.set(v);\n    // Update the DOM element's value to reflect the new value\n    this._elementRef.nativeElement.value = v;\n    this.stateChanges.next();\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled.set(isDisabled);\n    this.stateChanges.next();\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    if (!this._focused()) {\n      this._elementRef.nativeElement.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._ariaDescribedby = ids.length ? ids.join(' ') : null;\n  }\n\n  // Event handlers\n  @HostListener('input', ['$event'])\n  onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n    if (newValue !== this._value()) {\n      this._value.set(newValue);\n      this._onChange(newValue);\n      this.valueChange.emit(newValue);\n      this.stateChanges.next();\n    }\n  }\n\n  @HostListener('change', ['$event'])\n  onChange(event: Event): void {\n    // Handle change event for select elements\n    if (this.isSelect()) {\n      const target = event.target as HTMLSelectElement;\n      const newValue = target.value;\n      if (newValue !== this._value()) {\n        this._value.set(newValue);\n        this._onChange(newValue);\n        this.valueChange.emit(newValue);\n        this.stateChanges.next();\n      }\n    }\n  }\n\n  @HostListener('focus')\n  onFocus(): void {\n    if (!this._focused()) {\n      this._focused.set(true);\n      this.stateChanges.next();\n    }\n  }\n\n  @HostListener('blur')\n  onBlur(): void {\n    if (this._focused()) {\n      this._focused.set(false);\n      this._onTouched();\n      this.stateChanges.next();\n    }\n  }\n\n  // Public API\n  focus(): void {\n    this._elementRef.nativeElement.focus();\n  }\n\n  blur(): void {\n    this._elementRef.nativeElement.blur();\n  }\n\n  /**\n   * Check if the element is a select element\n   */\n  isSelect(): boolean {\n    return this._elementRef.nativeElement.tagName.toLowerCase() === 'select';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}