@raintonic/formaui 0.4.0 → 0.9.0

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)}@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 });
+    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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@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-property:color;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-xs);width:var(--fui-icon-xs);height:var(--fui-icon-xs)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-md);width:var(--fui-icon-md);height:var(--fui-icon-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-lg);width:var(--fui-icon-lg);height:var(--fui-icon-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-xl);width:var(--fui-icon-xl);height:var(--fui-icon-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-deliberate)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow)) var(--fui-icon-pulse-timing, var(--fui-ease-emphasized)) 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)}@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"] }]
+                    }, 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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@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-property:color;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms;width:var(--fui-icon-default-size);height:var(--fui-icon-default-size)}::ng-deep .fui-icon--sm{font-size:var(--fui-icon-xs);width:var(--fui-icon-xs);height:var(--fui-icon-xs)}::ng-deep .fui-icon--md{font-size:var(--fui-icon-md);width:var(--fui-icon-md);height:var(--fui-icon-md)}::ng-deep .fui-icon--lg{font-size:var(--fui-icon-lg);width:var(--fui-icon-lg);height:var(--fui-icon-lg)}::ng-deep .fui-icon--xl{font-size:var(--fui-icon-xl);width:var(--fui-icon-xl);height:var(--fui-icon-xl)}::ng-deep .fui-icon--spin{animation:fui-spin var(--fui-icon-spin-duration, var(--fui-duration-deliberate)) var(--fui-icon-spin-timing, linear) infinite}::ng-deep .fui-icon--pulse{animation:fui-pulse var(--fui-icon-pulse-duration, var(--fui-duration-slow)) var(--fui-icon-pulse-timing, var(--fui-ease-emphasized)) 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';\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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"}
+{"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 } 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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, signal, computed, output, inject, ElementRef, effect, HostListener, Directive } from '@angular/core';
+import { input, booleanAttribute, computed, signal, 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';
@@ -90,7 +90,9 @@ class FuiInputDirective {
     // 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 */ []));
+    readOnlyInput = input(false, { ...(ngDevMode ? { debugName: "readOnlyInput" } : /* istanbul ignore next */ {}), alias: 'readonly',
+        transform: booleanAttribute });
+    readonly = computed(() => this.readOnlyInput(), ...(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 */ []));
@@ -98,7 +100,8 @@ class FuiInputDirective {
     // 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 */ []));
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: booleanAttribute });
     disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     // Outputs
     valueChange = output();
@@ -150,7 +153,7 @@ class FuiInputDirective {
             // Track all reactive inputs and internal signals
             this.type();
             this.placeholder();
-            this.readonly();
+            this.readOnlyInput();
             this.maxlength();
             this.minlength();
             this.pattern();
@@ -166,6 +169,18 @@ class FuiInputDirective {
             this.stateChanges.next();
         });
     }
+    ngAfterViewInit() {
+        // When the input is used without ngModel/formControl, sync the initial DOM
+        // value (e.g. <input fuiInput value="John Doe">) into the internal signal
+        // so consumers like fui-form-field readOnly / copy can read it.
+        if (!this._ngControlRef.ngControl && !this._value()) {
+            const initial = this._elementRef.nativeElement.value;
+            if (initial) {
+                this._value.set(initial);
+                this.stateChanges.next();
+            }
+        }
+    }
     ngDoCheck() {
         if (this.ngControl) {
             updateErrorState(this.ngControl, this._errorState, this.errorStateMatcher(), this._defaultErrorStateMatcher, this._parentForm, this._parentFormGroup, this.stateChanges);
@@ -178,7 +193,7 @@ class FuiInputDirective {
     }
     // ControlValueAccessor implementation
     writeValue(value) {
-        const v = value ?? '';
+        const v = value === null || value === undefined ? '' : String(value);
         this._value.set(v);
         // Update the DOM element's value to reflect the new value
         this._elementRef.nativeElement.value = v;
@@ -205,11 +220,14 @@ class FuiInputDirective {
     // 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);
+        const displayValue = target.value;
+        if (displayValue !== this._value()) {
+            this._value.set(displayValue);
+            // For number inputs, emit the parsed number through ControlValueAccessor
+            // so that FormControl values are numbers, not strings (matching Angular Material behavior)
+            const emitValue = this.type() === 'number' ? this._parseNumberInputValue(displayValue) : displayValue;
+            this._onChange(emitValue);
+            this.valueChange.emit(emitValue);
             this.stateChanges.next();
         }
     }
@@ -246,14 +264,31 @@ class FuiInputDirective {
     blur() {
         this._elementRef.nativeElement.blur();
     }
+    /**
+     * Parse a number input's display value into a number or null.
+     * Returns null for empty/invalid input (e.g. empty string, just a minus sign, partial decimal).
+     */
+    _parseNumberInputValue(raw) {
+        if (raw === '' || raw.trim() === '')
+            return null;
+        // Allow trailing minus/decimal during typing — don't emit partial values
+        if (raw === '-' || raw === '.' || raw === '-.')
+            return null;
+        const parsed = parseFloat(raw);
+        return isNaN(parsed) ? null : parsed;
+    }
     /**
      * Check if the element is a select element
      */
     isSelect() {
         return this._elementRef.nativeElement.tagName.toLowerCase() === 'select';
     }
+    /** A plain input always supports the copy button in read-only mode. */
+    readonlyCopyEnabled() {
+        return true;
+    }
     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: [
+    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 }, readOnlyInput: { classPropertyName: "readOnlyInput", 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: "disabled", 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,
@@ -305,7 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         },
                     ],
                 }]
-        }], 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: [{
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readOnlyInput: [{ 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: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], onInput: [{
                 type: HostListener,
                 args: ['input', ['$event']]
             }], onChange: [{

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

@@ -1 +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 {\r\n  computed,\r\n  Directive,\r\n  DoCheck,\r\n  effect,\r\n  ElementRef,\r\n  HostListener,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  OnDestroy,\r\n  output,\r\n  OutputEmitterRef,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\n\r\nimport { ControlValueAccessor, FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { FUI_FORM_FIELD_CONTROL, FuiFormFieldControl } from '@raintonic/formaui/core';\r\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\r\nimport { injectNgControl, updateErrorState, syncRequiredState, syncNgControlDisabled } from '@raintonic/formaui/cdk/form-field';\r\n\r\n/**\r\n * Available input types\r\n */\r\nexport type FuiInputType =\r\n  | 'text'\r\n  | 'email'\r\n  | 'password'\r\n  | 'number'\r\n  | 'tel'\r\n  | 'url'\r\n  | 'search'\r\n  | 'date'\r\n  | 'time'\r\n  | 'datetime-local';\r\n\r\n/**\r\n * # FuiInput Directive\r\n *\r\n * An input directive that integrates seamlessly with fui-form-field and Angular Forms.\r\n * Follows Angular Material patterns with Carbon Design System styling.\r\n *\r\n * ## Features\r\n * - Full integration with fui-form-field\r\n * - Reactive Forms and Template-driven Forms support\r\n * - Multiple input types support\r\n * - Error state handling with customizable error messages\r\n * - Accessibility features (ARIA attributes, labels)\r\n * - Smooth animations and transitions\r\n * - Theme-aware styling\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Input with 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 Reactive Forms\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 *ngIf=\"form.get('username')?.hasError('required')\">\r\n *     Username is required\r\n *   </fui-error>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * ### Password Input with Toggle\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Password</fui-label>\r\n *   <input fuiInput [type]=\"showPassword ? 'text' : 'password'\">\r\n *   <button fuiSuffix fuiButton variant=\"tertiary\" (click)=\"togglePassword()\">\r\n *     <fui-icon [name]=\"showPassword ? 'eye-slash' : 'eye'\"></fui-icon>\r\n *   </button>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiInputDirective } from '@raintonic/formaui/components/input';\r\n * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiInputDirective, FuiFormFieldComponent, ReactiveFormsModule],\r\n *   template: `\r\n *     <form [formGroup]=\"form\">\r\n *       <fui-form-field>\r\n *         <fui-label>Email</fui-label>\r\n *         <input fuiInput type=\"email\" formControlName=\"email\">\r\n *         <fui-error *ngIf=\"emailControl?.invalid && emailControl?.touched\">\r\n *           Please enter a valid email\r\n *         </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@Directive({\r\n  selector: 'input[fuiInput], textarea[fuiInput], select[fuiInput]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'fui-input',\r\n    '[class.fui-input--select]': 'isSelect()',\r\n    '[class.fui-input--disabled]': 'disabled()',\r\n    '[class.fui-input--readonly]': 'readonly()',\r\n    '[class.fui-input--error]': 'errorState()',\r\n    '[attr.id]': 'id',\r\n    '[attr.type]': 'type()',\r\n    '[attr.placeholder]': 'placeholder()',\r\n    '[attr.disabled]': 'disabled() ? \"\" : null',\r\n    '[attr.readonly]': 'readonly() ? \"\" : null',\r\n    '[attr.required]': 'required() ? \"\" : null',\r\n    // constraints\r\n    '[attr.maxlength]': 'maxlength()',\r\n    '[attr.minlength]': 'minlength()',\r\n    '[attr.pattern]': 'pattern()',\r\n    // ARIA\r\n    '[attr.aria-invalid]': 'errorState() ? \"true\" : null',\r\n    '[attr.aria-required]': 'required() ? \"true\" : null',\r\n    '[attr.aria-describedby]': '_ariaDescribedby',\r\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n    '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: FuiInputDirective,\r\n      multi: true,\r\n    },\r\n    {\r\n      provide: FUI_FORM_FIELD_CONTROL,\r\n      useExisting: FuiInputDirective,\r\n    },\r\n  ],\r\n})\r\nexport class FuiInputDirective implements ControlValueAccessor, FuiFormFieldControl<string>, DoCheck, OnDestroy {\r\n  // Static properties\r\n  static nextId = 0;\r\n  readonly controlType = 'fui-input';\r\n\r\n  // Inputs\r\n  type: InputSignal<FuiInputType> = input<FuiInputType>('text');\r\n  placeholder: InputSignal<string> = input('');\r\n\r\n  readonly: InputSignal<boolean> = input(false);\r\n\r\n  // Validation/constraint inputs (pass-through to native attributes)\r\n  maxlength: InputSignal<number | null> = input<number | null>(null);\r\n  minlength: InputSignal<number | null> = input<number | null>(null);\r\n  pattern: InputSignal<string | null> = input<string | null>(null);\r\n\r\n  // Interface implementation\r\n  required: WritableSignal<boolean> = signal(false);\r\n\r\n  errorStateMatcher: InputSignal<ErrorStateMatcher | null> = input<ErrorStateMatcher | null>(null);\r\n  readonly disabledInput: InputSignal<boolean> = input(false);\r\n  readonly disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled());\r\n\r\n  // Outputs\r\n  readonly valueChange: OutputEmitterRef<string> = output<string>();\r\n\r\n  // Internal state\r\n  private readonly _focused: WritableSignal<boolean> = signal(false);\r\n  readonly focused = this._focused;\r\n  readonly stateChanges = new Subject<void>();\r\n\r\n  private readonly _value: WritableSignal<string> = signal('');\r\n  readonly value = this._value;\r\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\r\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\r\n  private _uid = `fui-input-${FuiInputDirective.nextId++}`;\r\n  _ariaDescribedby: string | null = null;\r\n\r\n  // Error state\r\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\r\n  readonly errorState = this._errorState;\r\n\r\n  // Form control references\r\n  private _parentForm = inject(NgForm, { optional: true });\r\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\r\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\r\n\r\n  // Element reference\r\n  private readonly _elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> =\r\n    inject(ElementRef);\r\n\r\n  // Computed properties\r\n  readonly empty = computed(() => {\r\n    const v = this._value();\r\n    return !v || v.length === 0;\r\n  });\r\n  readonly id = this._uid;\r\n\r\n  // ControlValueAccessor callbacks\r\n  private _onChange: (value: string) => void = () => {\r\n    /* noop */\r\n  };\r\n  private _onTouched: () => void = () => {\r\n    /* noop */\r\n  };\r\n\r\n  private readonly _ngControlRef = injectNgControl();\r\n\r\n  get ngControl(): NgControl | null {\r\n    return this._ngControlRef.ngControl;\r\n  }\r\n\r\n  constructor() {\r\n    // Set valueAccessor after NgControl is resolved\r\n    void Promise.resolve().then(() => {\r\n      if (this._ngControlRef.ngControl) {\r\n        this._ngControlRef.ngControl.valueAccessor = this;\r\n      }\r\n    });\r\n\r\n    // Effect to emit state changes\r\n    effect(() => {\r\n      // Track all reactive inputs and internal signals\r\n      this.type();\r\n      this.placeholder();\r\n      this.readonly();\r\n      this.maxlength();\r\n      this.minlength();\r\n      this.pattern();\r\n      this.disabledInput();\r\n      this.errorStateMatcher();\r\n      this._focused();\r\n      this._value();\r\n      this._disabled();\r\n      this._ngControlDisabled();\r\n      this.required();\r\n      this._errorState();\r\n\r\n      // Emit state change\r\n      this.stateChanges.next();\r\n    });\r\n  }\r\n\r\n  ngDoCheck(): void {\r\n    if (this.ngControl) {\r\n      updateErrorState(\r\n        this.ngControl,\r\n        this._errorState,\r\n        this.errorStateMatcher(),\r\n        this._defaultErrorStateMatcher,\r\n        this._parentForm,\r\n        this._parentFormGroup,\r\n        this.stateChanges,\r\n      );\r\n      syncRequiredState(this.ngControl, this.required, this.stateChanges);\r\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: string | null): void {\r\n    const v = value ?? '';\r\n    this._value.set(v);\r\n    // Update the DOM element's value to reflect the new value\r\n    this._elementRef.nativeElement.value = v;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: (value: string) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this._disabled.set(isDisabled);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onContainerClick(_event: MouseEvent): void {\r\n    if (!this._focused()) {\r\n      this._elementRef.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    this._ariaDescribedby = ids.length ? ids.join(' ') : null;\r\n  }\r\n\r\n  // Event handlers\r\n  @HostListener('input', ['$event'])\r\n  onInput(event: Event): void {\r\n    const target = event.target as HTMLInputElement;\r\n    const newValue = target.value;\r\n    if (newValue !== this._value()) {\r\n      this._value.set(newValue);\r\n      this._onChange(newValue);\r\n      this.valueChange.emit(newValue);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  @HostListener('change', ['$event'])\r\n  onChange(event: Event): void {\r\n    // Handle change event for select elements\r\n    if (this.isSelect()) {\r\n      const target = event.target as HTMLSelectElement;\r\n      const newValue = target.value;\r\n      if (newValue !== this._value()) {\r\n        this._value.set(newValue);\r\n        this._onChange(newValue);\r\n        this.valueChange.emit(newValue);\r\n        this.stateChanges.next();\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('focus')\r\n  onFocus(): void {\r\n    if (!this._focused()) {\r\n      this._focused.set(true);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur(): void {\r\n    if (this._focused()) {\r\n      this._focused.set(false);\r\n      this._onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // Public API\r\n  focus(): void {\r\n    this._elementRef.nativeElement.focus();\r\n  }\r\n\r\n  blur(): void {\r\n    this._elementRef.nativeElement.blur();\r\n  }\r\n\r\n  /**\r\n   * Check if the element is a select element\r\n   */\r\n  isSelect(): boolean {\r\n    return this._elementRef.nativeElement.tagName.toLowerCase() === 'select';\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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"}
+{"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 {\r\n  AfterViewInit,\r\n  booleanAttribute,\r\n  computed,\r\n  Directive,\r\n  DoCheck,\r\n  effect,\r\n  ElementRef,\r\n  HostListener,\r\n  inject,\r\n  input,\r\n  InputSignal,\r\n  OnDestroy,\r\n  output,\r\n  Signal,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\n\r\nimport { ControlValueAccessor, FormGroupDirective, NG_VALUE_ACCESSOR, NgControl, NgForm } from '@angular/forms';\r\nimport { Subject } from 'rxjs';\r\nimport { FUI_FORM_FIELD_CONTROL, FuiFormFieldControl } from '@raintonic/formaui/core';\r\nimport { DefaultErrorStateMatcher, ErrorStateMatcher } from '@raintonic/formaui/core';\r\nimport {\r\n  injectNgControl,\r\n  updateErrorState,\r\n  syncRequiredState,\r\n  syncNgControlDisabled,\r\n} from '@raintonic/formaui/cdk/form-field';\r\n\r\n/**\r\n * Available input types\r\n */\r\nexport type FuiInputType =\r\n  | 'text'\r\n  | 'email'\r\n  | 'password'\r\n  | 'number'\r\n  | 'tel'\r\n  | 'url'\r\n  | 'search'\r\n  | 'date'\r\n  | 'time'\r\n  | 'datetime-local'\r\n  | 'color';\r\n\r\n/**\r\n * # FuiInput Directive\r\n *\r\n * An input directive that integrates seamlessly with fui-form-field and Angular Forms.\r\n * Follows Angular Material patterns with Carbon Design System styling.\r\n *\r\n * ## Features\r\n * - Full integration with fui-form-field\r\n * - Reactive Forms and Template-driven Forms support\r\n * - Multiple input types support\r\n * - Error state handling with customizable error messages\r\n * - Accessibility features (ARIA attributes, labels)\r\n * - Smooth animations and transitions\r\n * - Theme-aware styling\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Input with 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 Reactive Forms\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 *ngIf=\"form.get('username')?.hasError('required')\">\r\n *     Username is required\r\n *   </fui-error>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * ### Password Input with Toggle\r\n * ```html\r\n * <fui-form-field>\r\n *   <fui-label>Password</fui-label>\r\n *   <input fuiInput [type]=\"showPassword ? 'text' : 'password'\">\r\n *   <button fuiSuffix fuiButton variant=\"tertiary\" (click)=\"togglePassword()\">\r\n *     <fui-icon [name]=\"showPassword ? 'eye-slash' : 'eye'\"></fui-icon>\r\n *   </button>\r\n * </fui-form-field>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiInputDirective } from '@raintonic/formaui/components/input';\r\n * import { FuiFormFieldComponent } from '@raintonic/formaui/components/form-field';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiInputDirective, FuiFormFieldComponent, ReactiveFormsModule],\r\n *   template: `\r\n *     <form [formGroup]=\"form\">\r\n *       <fui-form-field>\r\n *         <fui-label>Email</fui-label>\r\n *         <input fuiInput type=\"email\" formControlName=\"email\">\r\n *         <fui-error *ngIf=\"emailControl?.invalid && emailControl?.touched\">\r\n *           Please enter a valid email\r\n *         </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@Directive({\r\n  selector: 'input[fuiInput], textarea[fuiInput], select[fuiInput]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'fui-input',\r\n    '[class.fui-input--select]': 'isSelect()',\r\n    '[class.fui-input--disabled]': 'disabled()',\r\n    '[class.fui-input--readonly]': 'readonly()',\r\n    '[class.fui-input--error]': 'errorState()',\r\n    '[attr.id]': 'id',\r\n    '[attr.type]': 'type()',\r\n    '[attr.placeholder]': 'placeholder()',\r\n    '[attr.disabled]': 'disabled() ? \"\" : null',\r\n    '[attr.readonly]': 'readonly() ? \"\" : null',\r\n    '[attr.required]': 'required() ? \"\" : null',\r\n    // constraints\r\n    '[attr.maxlength]': 'maxlength()',\r\n    '[attr.minlength]': 'minlength()',\r\n    '[attr.pattern]': 'pattern()',\r\n    // ARIA\r\n    '[attr.aria-invalid]': 'errorState() ? \"true\" : null',\r\n    '[attr.aria-required]': 'required() ? \"true\" : null',\r\n    '[attr.aria-describedby]': '_ariaDescribedby',\r\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n    '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: FuiInputDirective,\r\n      multi: true,\r\n    },\r\n    {\r\n      provide: FUI_FORM_FIELD_CONTROL,\r\n      useExisting: FuiInputDirective,\r\n    },\r\n  ],\r\n})\r\nexport class FuiInputDirective\r\n  implements ControlValueAccessor, FuiFormFieldControl<string>, AfterViewInit, DoCheck, OnDestroy\r\n{\r\n  // Static properties\r\n  static nextId = 0;\r\n  readonly controlType = 'fui-input';\r\n\r\n  // Inputs\r\n  type: InputSignal<FuiInputType> = input<FuiInputType>('text');\r\n  placeholder: InputSignal<string> = input('');\r\n\r\n  readonly readOnlyInput = input(false, {\r\n    alias: 'readonly',\r\n    transform: booleanAttribute,\r\n  });\r\n\r\n  readonly readonly: Signal<boolean> = computed(() => this.readOnlyInput());\r\n\r\n  // Validation/constraint inputs (pass-through to native attributes)\r\n  maxlength: InputSignal<number | null> = input<number | null>(null);\r\n  minlength: InputSignal<number | null> = input<number | null>(null);\r\n  pattern: InputSignal<string | null> = input<string | null>(null);\r\n\r\n  // Interface implementation\r\n  required: WritableSignal<boolean> = signal(false);\r\n\r\n  errorStateMatcher: InputSignal<ErrorStateMatcher | null> = input<ErrorStateMatcher | null>(null);\r\n  readonly disabledInput = input(false, {\r\n    alias: 'disabled',\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly disabled = computed(() => this._disabled() || this.disabledInput() || this._ngControlDisabled());\r\n\r\n  // Outputs\r\n  readonly valueChange = output<string | number | null>();\r\n\r\n  // Internal state\r\n  private readonly _focused: WritableSignal<boolean> = signal(false);\r\n  readonly focused = this._focused;\r\n  readonly stateChanges = new Subject<void>();\r\n\r\n  private readonly _value: WritableSignal<string> = signal('');\r\n  readonly value = this._value;\r\n  private readonly _disabled: WritableSignal<boolean> = signal(false);\r\n  private readonly _ngControlDisabled: WritableSignal<boolean> = signal(false);\r\n  private _uid = `fui-input-${FuiInputDirective.nextId++}`;\r\n  _ariaDescribedby: string | null = null;\r\n\r\n  // Error state\r\n  private readonly _errorState: WritableSignal<boolean> = signal(false);\r\n  readonly errorState = this._errorState;\r\n\r\n  // Form control references\r\n  private _parentForm = inject(NgForm, { optional: true });\r\n  private _parentFormGroup = inject(FormGroupDirective, { optional: true });\r\n  private _defaultErrorStateMatcher = inject(DefaultErrorStateMatcher);\r\n\r\n  // Element reference\r\n  private readonly _elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> =\r\n    inject(ElementRef);\r\n\r\n  // Computed properties\r\n  readonly empty = computed(() => {\r\n    const v = this._value();\r\n    return !v || v.length === 0;\r\n  });\r\n  readonly id = this._uid;\r\n\r\n  // ControlValueAccessor callbacks\r\n  private _onChange: (value: string | number | null) => void = () => {\r\n    /* noop */\r\n  };\r\n  private _onTouched: () => void = () => {\r\n    /* noop */\r\n  };\r\n\r\n  private readonly _ngControlRef = injectNgControl();\r\n\r\n  get ngControl(): NgControl | null {\r\n    return this._ngControlRef.ngControl;\r\n  }\r\n\r\n  constructor() {\r\n    // Set valueAccessor after NgControl is resolved\r\n    void Promise.resolve().then(() => {\r\n      if (this._ngControlRef.ngControl) {\r\n        this._ngControlRef.ngControl.valueAccessor = this;\r\n      }\r\n    });\r\n\r\n    // Effect to emit state changes\r\n    effect(() => {\r\n      // Track all reactive inputs and internal signals\r\n      this.type();\r\n      this.placeholder();\r\n      this.readOnlyInput();\r\n      this.maxlength();\r\n      this.minlength();\r\n      this.pattern();\r\n      this.disabledInput();\r\n      this.errorStateMatcher();\r\n      this._focused();\r\n      this._value();\r\n      this._disabled();\r\n      this._ngControlDisabled();\r\n      this.required();\r\n      this._errorState();\r\n\r\n      // Emit state change\r\n      this.stateChanges.next();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    // When the input is used without ngModel/formControl, sync the initial DOM\r\n    // value (e.g. <input fuiInput value=\"John Doe\">) into the internal signal\r\n    // so consumers like fui-form-field readOnly / copy can read it.\r\n    if (!this._ngControlRef.ngControl && !this._value()) {\r\n      const initial = this._elementRef.nativeElement.value;\r\n      if (initial) {\r\n        this._value.set(initial);\r\n        this.stateChanges.next();\r\n      }\r\n    }\r\n  }\r\n\r\n  ngDoCheck(): void {\r\n    if (this.ngControl) {\r\n      updateErrorState(\r\n        this.ngControl,\r\n        this._errorState,\r\n        this.errorStateMatcher(),\r\n        this._defaultErrorStateMatcher,\r\n        this._parentForm,\r\n        this._parentFormGroup,\r\n        this.stateChanges,\r\n      );\r\n      syncRequiredState(this.ngControl, this.required, this.stateChanges);\r\n      syncNgControlDisabled(this.ngControl, this._ngControlDisabled, this.stateChanges);\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // ControlValueAccessor implementation\r\n  writeValue(value: string | number | null): void {\r\n    const v = value === null || value === undefined ? '' : String(value);\r\n    this._value.set(v);\r\n    // Update the DOM element's value to reflect the new value\r\n    this._elementRef.nativeElement.value = v;\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: (value: string | number | null) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this._disabled.set(isDisabled);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onContainerClick(_event: MouseEvent): void {\r\n    if (!this._focused()) {\r\n      this._elementRef.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    this._ariaDescribedby = ids.length ? ids.join(' ') : null;\r\n  }\r\n\r\n  // Event handlers\r\n  @HostListener('input', ['$event'])\r\n  onInput(event: Event): void {\r\n    const target = event.target as HTMLInputElement;\r\n    const displayValue = target.value;\r\n    if (displayValue !== this._value()) {\r\n      this._value.set(displayValue);\r\n      // For number inputs, emit the parsed number through ControlValueAccessor\r\n      // so that FormControl values are numbers, not strings (matching Angular Material behavior)\r\n      const emitValue: string | number | null =\r\n        this.type() === 'number' ? this._parseNumberInputValue(displayValue) : displayValue;\r\n      this._onChange(emitValue);\r\n      this.valueChange.emit(emitValue);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  @HostListener('change', ['$event'])\r\n  onChange(event: Event): void {\r\n    // Handle change event for select elements\r\n    if (this.isSelect()) {\r\n      const target = event.target as HTMLSelectElement;\r\n      const newValue = target.value;\r\n      if (newValue !== this._value()) {\r\n        this._value.set(newValue);\r\n        this._onChange(newValue);\r\n        this.valueChange.emit(newValue);\r\n        this.stateChanges.next();\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('focus')\r\n  onFocus(): void {\r\n    if (!this._focused()) {\r\n      this._focused.set(true);\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur(): void {\r\n    if (this._focused()) {\r\n      this._focused.set(false);\r\n      this._onTouched();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // Public API\r\n  focus(): void {\r\n    this._elementRef.nativeElement.focus();\r\n  }\r\n\r\n  blur(): void {\r\n    this._elementRef.nativeElement.blur();\r\n  }\r\n\r\n  /**\r\n   * Parse a number input's display value into a number or null.\r\n   * Returns null for empty/invalid input (e.g. empty string, just a minus sign, partial decimal).\r\n   */\r\n  private _parseNumberInputValue(raw: string): number | null {\r\n    if (raw === '' || raw.trim() === '') return null;\r\n    // Allow trailing minus/decimal during typing — don't emit partial values\r\n    if (raw === '-' || raw === '.' || raw === '-.') return null;\r\n    const parsed = parseFloat(raw);\r\n    return isNaN(parsed) ? null : parsed;\r\n  }\r\n\r\n  /**\r\n   * Check if the element is a select element\r\n   */\r\n  isSelect(): boolean {\r\n    return this._elementRef.nativeElement.tagName.toLowerCase() === 'select';\r\n  }\r\n\r\n  /** A plain input always supports the copy button in read-only mode. */\r\n  readonlyCopyEnabled(): boolean {\r\n    return true;\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-list.mjs

@@ -25,7 +25,7 @@ class FuiListItemComponent {
         this.onClick();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiListItemComponent, isStandalone: true, selector: "fui-list-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown.enter": "onClick()", "keydown.space": "onSpace($event)" }, properties: { "class.fui-list-item--selected": "_selected()", "class.fui-list-item--disabled": "disabled()", "class.fui-list-item--interactive": "_isInteractive()", "attr.role": "_role()", "attr.aria-selected": "_isSelectable() ? _selected() : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "_isInteractive() ? 0 : null" }, classAttribute: "fui-list-item" }, ngImport: i0, template: "<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\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-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-color)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-gap-12, .75rem) var(--fui-gap-16, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-gap-12, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-list-item--interactive:hover{background-color:var(--fui-surface-02, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-surface-03, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary);outline-offset:0px}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-primary)}.fui-list-item--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiListItemComponent, isStandalone: true, selector: "fui-list-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown.enter": "onClick()", "keydown.space": "onSpace($event)" }, properties: { "class.fui-list-item--selected": "_selected()", "class.fui-list-item--disabled": "disabled()", "class.fui-list-item--interactive": "_isInteractive()", "attr.role": "_role()", "attr.aria-selected": "_isSelectable() ? _selected() : null", "attr.aria-disabled": "disabled() || null", "attr.tabindex": "_isInteractive() ? 0 : null" }, classAttribute: "fui-list-item" }, ngImport: i0, template: "<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-default)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-spacing-6, .75rem) var(--fui-spacing-7, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-spacing-6, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition-property:background-color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-list-item--interactive:hover{background-color:var(--fui-bg-subtle, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-bg-muted, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-brand-fg)}.fui-list-item--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiListItemComponent, decorators: [{
             type: Component,
@@ -41,7 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '(click)': 'onClick()',
                         '(keydown.enter)': 'onClick()',
                         '(keydown.space)': 'onSpace($event)',
-                    }, template: "<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\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-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-color)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-gap-12, .75rem) var(--fui-gap-16, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-gap-12, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-list-item--interactive:hover{background-color:var(--fui-surface-02, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-surface-03, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary);outline-offset:0px}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-primary)}.fui-list-item--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"] }]
+                    }, template: "<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-default)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-spacing-6, .75rem) var(--fui-spacing-7, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-spacing-6, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition-property:background-color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-list-item--interactive:hover{background-color:var(--fui-bg-subtle, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-bg-muted, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-brand-fg)}.fui-list-item--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 class FuiListComponent {
@@ -127,7 +127,7 @@ class FuiListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.6", type: FuiListComponent, isStandalone: true, selector: "fui-list", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class.fui-list--interactive": "interactive() || selectionMode() !== \"none\"", "class.fui-list--dividers": "dividers()", "attr.role": "selectionMode() !== \"none\" ? \"listbox\" : \"list\"", "attr.aria-multiselectable": "selectionMode() === \"multi\" ? true : null" }, classAttribute: "fui-list" }, providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }], queries: [{ propertyName: "items", predicate: FuiListItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\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-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-color)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-gap-12, .75rem) var(--fui-gap-16, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-gap-12, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-list-item--interactive:hover{background-color:var(--fui-surface-02, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-surface-03, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary);outline-offset:0px}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-primary)}.fui-list-item--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.6", type: FuiListComponent, isStandalone: true, selector: "fui-list", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, dividers: { classPropertyName: "dividers", publicName: "dividers", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class.fui-list--interactive": "interactive() || selectionMode() !== \"none\"", "class.fui-list--dividers": "dividers()", "attr.role": "selectionMode() !== \"none\" ? \"listbox\" : \"list\"", "attr.aria-multiselectable": "selectionMode() === \"multi\" ? true : null" }, classAttribute: "fui-list" }, providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }], queries: [{ propertyName: "items", predicate: FuiListItemComponent, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-default)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-spacing-6, .75rem) var(--fui-spacing-7, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-spacing-6, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition-property:background-color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-list-item--interactive:hover{background-color:var(--fui-bg-subtle, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-bg-muted, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-brand-fg)}.fui-list-item--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiListComponent, decorators: [{
             type: Component,
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[attr.role]': 'selectionMode() !== "none" ? "listbox" : "list"',
                         '[attr.aria-multiselectable]': 'selectionMode() === "multi" ? true : null',
                         '(keydown)': 'onKeydown($event)',
-                    }, providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }], template: "<ng-content></ng-content>\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-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-color)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-gap-12, .75rem) var(--fui-gap-16, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-gap-12, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-list-item--interactive:hover{background-color:var(--fui-surface-02, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-surface-03, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary);outline-offset:0px}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-primary)}.fui-list-item--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"] }]
+                    }, providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }], template: "<ng-content></ng-content>\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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay: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-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.fui-list--dividers .fui-list-item+.fui-list-item{border-top:1px solid var(--fui-border-default)}.fui-list-item{display:flex;align-items:center;padding:var(--fui-spacing-6, .75rem) var(--fui-spacing-7, 1rem)}.fui-list-item__content{display:flex;align-items:center;width:100%;gap:var(--fui-spacing-6, .75rem)}.fui-list-item__start{flex-shrink:0}.fui-list-item__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fui-list-item__end{flex-shrink:0;margin-left:auto}.fui-list-item--interactive{cursor:pointer;transition-property:background-color;transition-duration:var(--fui-duration-fast, .15s);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-list-item--interactive:hover{background-color:var(--fui-bg-subtle, #f1f5f9)}.fui-list-item--interactive:active{background-color:var(--fui-bg-muted, #e2e8f0)}.fui-list-item--interactive:focus-visible{outline:2px solid var(--fui-primary-10)}.fui-list-item--selected{background-color:var(--fui-primary-10, #f0e6ff);color:var(--fui-brand-fg)}.fui-list-item--disabled{opacity:var(--fui-state-disabled-opacity, .38);cursor:not-allowed;pointer-events:none}@media(prefers-contrast:high){.fui-list--dividers .fui-list-item+.fui-list-item{border-color:CanvasText}}\n"] }]
         }], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], dividers: [{ type: i0.Input, args: [{ isSignal: true, alias: "dividers", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FuiListItemComponent), { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-list.mjs","sources":["../../../lib/components/list/list.types.ts","../../../lib/components/list/list-item.component.ts","../../../lib/components/list/list-item.component.html","../../../lib/components/list/list.component.ts","../../../lib/components/list/list.component.html","../../../lib/components/list/raintonic-formaui-components-list.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport type FuiListSelectionMode = 'none' | 'single' | 'multi';\r\n\r\nexport interface FuiListSelectionChange<T = unknown> {\r\n  source: unknown;\r\n  value: T[];\r\n}\r\n\r\nexport interface FuiListHost {\r\n  interactive(): boolean;\r\n  selectionMode(): FuiListSelectionMode;\r\n  selectItem(item: unknown): void;\r\n}\r\n\r\nexport const FUI_LIST = new InjectionToken<FuiListHost>('FUI_LIST');\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  computed,\r\n  signal,\r\n  inject,\r\n  ElementRef,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { FUI_LIST } from './list.types';\r\n\r\n@Component({\r\n  selector: 'fui-list-item',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './list-item.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-list-item',\r\n    '[class.fui-list-item--selected]': '_selected()',\r\n    '[class.fui-list-item--disabled]': 'disabled()',\r\n    '[class.fui-list-item--interactive]': '_isInteractive()',\r\n    '[attr.role]': '_role()',\r\n    '[attr.aria-selected]': '_isSelectable() ? _selected() : null',\r\n    '[attr.aria-disabled]': 'disabled() || null',\r\n    '[attr.tabindex]': '_isInteractive() ? 0 : null',\r\n    '(click)': 'onClick()',\r\n    '(keydown.enter)': 'onClick()',\r\n    '(keydown.space)': 'onSpace($event)',\r\n  },\r\n})\r\nexport class FuiListItemComponent {\r\n  readonly value = input<unknown>(undefined);\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  readonly _selected = signal(false);\r\n  readonly _focused = signal(false);\r\n\r\n  readonly _elementRef = inject(ElementRef);\r\n\r\n  private _list = inject(FUI_LIST, { optional: true });\r\n\r\n  readonly _isInteractive = computed(\r\n    () => (this._list?.interactive() ?? this._list?.selectionMode() !== 'none') && !this.disabled(),\r\n  );\r\n  readonly _isSelectable = computed(() => this._list?.selectionMode() !== 'none');\r\n  readonly _role = computed(() => (this._isSelectable() ? 'option' : 'listitem'));\r\n\r\n  onClick(): void {\r\n    if (this.disabled() || !this._list) return;\r\n    if (this._isSelectable()) {\r\n      this._list.selectItem(this);\r\n    }\r\n  }\r\n\r\n  onSpace(event: Event): void {\r\n    event.preventDefault();\r\n    this.onClick();\r\n  }\r\n}\r\n","<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  signal,\r\n  contentChildren,\r\n} from '@angular/core';\r\nimport { FuiListSelectionMode, FuiListSelectionChange, FUI_LIST } from './list.types';\r\nimport { FuiListItemComponent } from './list-item.component';\r\n\r\n@Component({\r\n  selector: 'fui-list',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-list',\r\n    '[class.fui-list--interactive]': 'interactive() || selectionMode() !== \"none\"',\r\n    '[class.fui-list--dividers]': 'dividers()',\r\n    '[attr.role]': 'selectionMode() !== \"none\" ? \"listbox\" : \"list\"',\r\n    '[attr.aria-multiselectable]': 'selectionMode() === \"multi\" ? true : null',\r\n    '(keydown)': 'onKeydown($event)',\r\n  },\r\n  providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }],\r\n})\r\nexport class FuiListComponent {\r\n  readonly interactive = input(false);\r\n  readonly selectionMode = input<FuiListSelectionMode>('none');\r\n  readonly dividers = input(false);\r\n\r\n  readonly selectionChange = output<FuiListSelectionChange>();\r\n\r\n  readonly items = contentChildren(FuiListItemComponent);\r\n\r\n  readonly _selectedValues = signal(new Set());\r\n\r\n  selectItem(item: FuiListItemComponent): void {\r\n    if (item.disabled()) return;\r\n    const mode = this.selectionMode();\r\n    if (mode === 'none') return;\r\n\r\n    const currentSet = new Set(this._selectedValues());\r\n    const value = item.value();\r\n\r\n    if (mode === 'single') {\r\n      currentSet.clear();\r\n      currentSet.add(value);\r\n    } else {\r\n      // multi\r\n      if (currentSet.has(value)) {\r\n        currentSet.delete(value);\r\n      } else {\r\n        currentSet.add(value);\r\n      }\r\n    }\r\n\r\n    this._selectedValues.set(currentSet);\r\n\r\n    // Update all items' selected state\r\n    this.items().forEach((i) => {\r\n      i._selected.set(currentSet.has(i.value()));\r\n    });\r\n\r\n    this.selectionChange.emit({\r\n      source: this,\r\n      value: Array.from(currentSet),\r\n    });\r\n  }\r\n\r\n  isSelected(value: unknown): boolean {\r\n    return this._selectedValues().has(value);\r\n  }\r\n\r\n  onKeydown(event: KeyboardEvent): void {\r\n    const items = this.items();\r\n    if (items.length === 0) return;\r\n\r\n    const enabledItems = items.filter((i) => !i.disabled());\r\n    if (enabledItems.length === 0) return;\r\n\r\n    const focusedEl = document.activeElement;\r\n    const currentIdx = enabledItems.findIndex(\r\n      (i) => i._elementRef.nativeElement === focusedEl || i._elementRef.nativeElement.contains(focusedEl),\r\n    );\r\n\r\n    let targetIdx = -1;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n        targetIdx = currentIdx < enabledItems.length - 1 ? currentIdx + 1 : 0;\r\n        break;\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n        targetIdx = currentIdx > 0 ? currentIdx - 1 : enabledItems.length - 1;\r\n        break;\r\n      case 'Home':\r\n        event.preventDefault();\r\n        targetIdx = 0;\r\n        break;\r\n      case 'End':\r\n        event.preventDefault();\r\n        targetIdx = enabledItems.length - 1;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        event.preventDefault();\r\n        if (currentIdx >= 0) {\r\n          this.selectItem(enabledItems[currentIdx]);\r\n        }\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    if (targetIdx >= 0) {\r\n      enabledItems[targetIdx]._elementRef.nativeElement.focus();\r\n    }\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\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-list.mjs","sources":["../../../lib/components/list/list.types.ts","../../../lib/components/list/list-item.component.ts","../../../lib/components/list/list-item.component.html","../../../lib/components/list/list.component.ts","../../../lib/components/list/list.component.html","../../../lib/components/list/raintonic-formaui-components-list.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nexport type FuiListSelectionMode = 'none' | 'single' | 'multi';\r\n\r\nexport interface FuiListSelectionChange<T = unknown> {\r\n  source: unknown;\r\n  value: T[];\r\n}\r\n\r\nexport interface FuiListHost {\r\n  interactive(): boolean;\r\n  selectionMode(): FuiListSelectionMode;\r\n  selectItem(item: unknown): void;\r\n}\r\n\r\nexport const FUI_LIST = new InjectionToken<FuiListHost>('FUI_LIST');\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  computed,\r\n  signal,\r\n  inject,\r\n  ElementRef,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { FUI_LIST } from './list.types';\r\n\r\n@Component({\r\n  selector: 'fui-list-item',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './list-item.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-list-item',\r\n    '[class.fui-list-item--selected]': '_selected()',\r\n    '[class.fui-list-item--disabled]': 'disabled()',\r\n    '[class.fui-list-item--interactive]': '_isInteractive()',\r\n    '[attr.role]': '_role()',\r\n    '[attr.aria-selected]': '_isSelectable() ? _selected() : null',\r\n    '[attr.aria-disabled]': 'disabled() || null',\r\n    '[attr.tabindex]': '_isInteractive() ? 0 : null',\r\n    '(click)': 'onClick()',\r\n    '(keydown.enter)': 'onClick()',\r\n    '(keydown.space)': 'onSpace($event)',\r\n  },\r\n})\r\nexport class FuiListItemComponent {\r\n  readonly value = input<unknown>(undefined);\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  readonly _selected = signal(false);\r\n  readonly _focused = signal(false);\r\n\r\n  readonly _elementRef = inject(ElementRef);\r\n\r\n  private _list = inject(FUI_LIST, { optional: true });\r\n\r\n  readonly _isInteractive = computed(\r\n    () => (this._list?.interactive() ?? this._list?.selectionMode() !== 'none') && !this.disabled(),\r\n  );\r\n  readonly _isSelectable = computed(() => this._list?.selectionMode() !== 'none');\r\n  readonly _role = computed(() => (this._isSelectable() ? 'option' : 'listitem'));\r\n\r\n  onClick(): void {\r\n    if (this.disabled() || !this._list) return;\r\n    if (this._isSelectable()) {\r\n      this._list.selectItem(this);\r\n    }\r\n  }\r\n\r\n  onSpace(event: Event): void {\r\n    event.preventDefault();\r\n    this.onClick();\r\n  }\r\n}\r\n","<div class=\"fui-list-item__content\">\r\n  <div class=\"fui-list-item__start\">\r\n    <ng-content select=\"[fuiListItemIcon], [fuiListItemAvatar]\"></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__text\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div class=\"fui-list-item__end\">\r\n    <ng-content select=\"[fuiListItemAction]\"></ng-content>\r\n  </div>\r\n</div>\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  signal,\r\n  contentChildren,\r\n} from '@angular/core';\r\nimport { FuiListSelectionMode, FuiListSelectionChange, FUI_LIST } from './list.types';\r\nimport { FuiListItemComponent } from './list-item.component';\r\n\r\n@Component({\r\n  selector: 'fui-list',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './list.component.html',\r\n  styleUrls: ['./list.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-list',\r\n    '[class.fui-list--interactive]': 'interactive() || selectionMode() !== \"none\"',\r\n    '[class.fui-list--dividers]': 'dividers()',\r\n    '[attr.role]': 'selectionMode() !== \"none\" ? \"listbox\" : \"list\"',\r\n    '[attr.aria-multiselectable]': 'selectionMode() === \"multi\" ? true : null',\r\n    '(keydown)': 'onKeydown($event)',\r\n  },\r\n  providers: [{ provide: FUI_LIST, useExisting: FuiListComponent }],\r\n})\r\nexport class FuiListComponent {\r\n  readonly interactive = input(false);\r\n  readonly selectionMode = input<FuiListSelectionMode>('none');\r\n  readonly dividers = input(false);\r\n\r\n  readonly selectionChange = output<FuiListSelectionChange>();\r\n\r\n  readonly items = contentChildren(FuiListItemComponent);\r\n\r\n  readonly _selectedValues = signal(new Set());\r\n\r\n  selectItem(item: FuiListItemComponent): void {\r\n    if (item.disabled()) return;\r\n    const mode = this.selectionMode();\r\n    if (mode === 'none') return;\r\n\r\n    const currentSet = new Set(this._selectedValues());\r\n    const value = item.value();\r\n\r\n    if (mode === 'single') {\r\n      currentSet.clear();\r\n      currentSet.add(value);\r\n    } else {\r\n      // multi\r\n      if (currentSet.has(value)) {\r\n        currentSet.delete(value);\r\n      } else {\r\n        currentSet.add(value);\r\n      }\r\n    }\r\n\r\n    this._selectedValues.set(currentSet);\r\n\r\n    // Update all items' selected state\r\n    this.items().forEach((i) => {\r\n      i._selected.set(currentSet.has(i.value()));\r\n    });\r\n\r\n    this.selectionChange.emit({\r\n      source: this,\r\n      value: Array.from(currentSet),\r\n    });\r\n  }\r\n\r\n  isSelected(value: unknown): boolean {\r\n    return this._selectedValues().has(value);\r\n  }\r\n\r\n  onKeydown(event: KeyboardEvent): void {\r\n    const items = this.items();\r\n    if (items.length === 0) return;\r\n\r\n    const enabledItems = items.filter((i) => !i.disabled());\r\n    if (enabledItems.length === 0) return;\r\n\r\n    const focusedEl = document.activeElement;\r\n    const currentIdx = enabledItems.findIndex(\r\n      (i) => i._elementRef.nativeElement === focusedEl || i._elementRef.nativeElement.contains(focusedEl),\r\n    );\r\n\r\n    let targetIdx = -1;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n        targetIdx = currentIdx < enabledItems.length - 1 ? currentIdx + 1 : 0;\r\n        break;\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n        targetIdx = currentIdx > 0 ? currentIdx - 1 : enabledItems.length - 1;\r\n        break;\r\n      case 'Home':\r\n        event.preventDefault();\r\n        targetIdx = 0;\r\n        break;\r\n      case 'End':\r\n        event.preventDefault();\r\n        targetIdx = enabledItems.length - 1;\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        event.preventDefault();\r\n        if (currentIdx >= 0) {\r\n          this.selectItem(enabledItems[currentIdx]);\r\n        }\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    if (targetIdx >= 0) {\r\n      enabledItems[targetIdx]._elementRef.nativeElement.focus();\r\n    }\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}