@raintonic/formaui 0.2.1 → 0.3.0

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=\"ghost\" (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  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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"}

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)}.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: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 });
 }
 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)}.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: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"] }]
         }], 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)}.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: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 });
 }
 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)}.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: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"] }]
         }], 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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"}

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

@@ -127,7 +127,7 @@ class FuiMenuItemComponent {
         this._elementRef.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiMenuItemComponent, isStandalone: true, selector: "fui-menu-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydown($event)" }, properties: { "class": "computedClasses()", "attr.role": "\"menuitem\"", "attr.tabindex": "disabled() ? \"-1\" : tabIndex()", "attr.aria-disabled": "disabled() ? \"true\" : null" } }, 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)}:host.fui-menu-item{transition:background-color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;display:flex;align-items:center;gap:var(--fui-spacing-03);width:100%;padding:var(--fui-spacing-03) var(--fui-spacing-04);margin:0;background-color:transparent;border:none;border-radius:var(--fui-border-radius-sm);font-family:var(--fui-font-family-sans);letter-spacing:.56px;font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);text-align:left;text-decoration:none;color:var(--fui-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}:host.fui-menu-item:focus-visible{background-color:var(--fui-surface-02);outline:2px solid var(--fui-primary);outline-offset:-2px}:host.fui-menu-item:hover:not(.fui-menu-item--disabled){background-color:var(--fui-surface-02)}:host.fui-menu-item:active:not(.fui-menu-item--disabled){background-color:var(--fui-surface-05)}:host.fui-menu-item--danger{color:var(--fui-danger-100)}:host.fui-menu-item--danger:hover:not(.fui-menu-item--disabled){background-color:var(--fui-danger-10);color:var(--fui-danger-70)}:host.fui-menu-item--danger:active:not(.fui-menu-item--disabled){background-color:var(--fui-danger-20);color:var(--fui-danger-80)}:host.fui-menu-item--danger:focus-visible{background-color:var(--fui-danger-10);outline-color:var(--fui-danger-60)}:host.fui-menu-item--disabled{color:var(--fui-text-secondary);cursor:not-allowed;opacity:var(--fui-opacity-disabled)}:host.fui-menu-item--disabled:hover,:host.fui-menu-item--disabled:active,:host.fui-menu-item--disabled:focus{background-color:transparent}:host.fui-menu-item .fui-icon{flex-shrink:0;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);font-size:var(--fui-icon-size-md)}:host.fui-menu-item .fui-icon[fuiPrefix]{margin-right:var(--fui-spacing-02)}:host.fui-menu-item .fui-icon[fuiSuffix]{margin-left:auto;margin-right:0}:host.fui-menu-item .fui-menu-item__shortcut{margin-left:auto;font-size:var(--fui-font-size-01);color:var(--fui-text-secondary);font-family:var(--fui-font-family-mono)}@media(prefers-contrast:more){:host.fui-menu-item:focus-visible{outline-width:3px}:host.fui-menu-item--danger:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){:host.fui-menu-item{transition:none}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiMenuItemComponent, isStandalone: true, selector: "fui-menu-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydown($event)" }, properties: { "class": "computedClasses()", "attr.role": "\"menuitem\"", "attr.tabindex": "disabled() ? \"-1\" : tabIndex()", "attr.aria-disabled": "disabled() ? \"true\" : null" } }, 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)}}:host.fui-menu-item{transition:background-color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;display:flex;align-items:center;gap:var(--fui-spacing-03);width:100%;padding:var(--fui-spacing-03) var(--fui-spacing-04);margin:0;background-color:transparent;border:none;border-radius:var(--fui-border-radius-sm);font-family:var(--fui-font-family-sans);letter-spacing:.56px;font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);text-align:left;text-decoration:none;color:var(--fui-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}:host.fui-menu-item:focus-visible{background-color:var(--fui-surface-02);outline:2px solid var(--fui-primary);outline-offset:-2px}:host.fui-menu-item:hover:not(.fui-menu-item--disabled){background-color:var(--fui-surface-02)}:host.fui-menu-item:active:not(.fui-menu-item--disabled){background-color:var(--fui-surface-05)}:host.fui-menu-item--danger{color:var(--fui-danger-100)}:host.fui-menu-item--danger:hover:not(.fui-menu-item--disabled){background-color:var(--fui-danger-10);color:var(--fui-danger-70)}:host.fui-menu-item--danger:active:not(.fui-menu-item--disabled){background-color:var(--fui-danger-20);color:var(--fui-danger-80)}:host.fui-menu-item--danger:focus-visible{background-color:var(--fui-danger-10);outline-color:var(--fui-danger-60)}:host.fui-menu-item--disabled{color:var(--fui-text-secondary);cursor:not-allowed;opacity:var(--fui-opacity-disabled)}:host.fui-menu-item--disabled:hover,:host.fui-menu-item--disabled:active,:host.fui-menu-item--disabled:focus{background-color:transparent}:host.fui-menu-item .fui-icon{flex-shrink:0;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);font-size:var(--fui-icon-size-md)}:host.fui-menu-item .fui-icon[fuiPrefix]{margin-right:var(--fui-spacing-02)}:host.fui-menu-item .fui-icon[fuiSuffix]{margin-left:auto;margin-right:0}:host.fui-menu-item .fui-menu-item__shortcut{margin-left:auto;font-size:var(--fui-font-size-01);color:var(--fui-text-secondary);font-family:var(--fui-font-family-mono)}@media(prefers-contrast:more){:host.fui-menu-item:focus-visible{outline-width:3px}:host.fui-menu-item--danger:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){:host.fui-menu-item{transition:none}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiMenuItemComponent, decorators: [{
             type: Component,
@@ -136,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[attr.role]': '"menuitem"',
                         '[attr.tabindex]': 'disabled() ? "-1" : tabIndex()',
                         '[attr.aria-disabled]': 'disabled() ? "true" : null',
-                    }, 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)}:host.fui-menu-item{transition:background-color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;display:flex;align-items:center;gap:var(--fui-spacing-03);width:100%;padding:var(--fui-spacing-03) var(--fui-spacing-04);margin:0;background-color:transparent;border:none;border-radius:var(--fui-border-radius-sm);font-family:var(--fui-font-family-sans);letter-spacing:.56px;font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);text-align:left;text-decoration:none;color:var(--fui-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}:host.fui-menu-item:focus-visible{background-color:var(--fui-surface-02);outline:2px solid var(--fui-primary);outline-offset:-2px}:host.fui-menu-item:hover:not(.fui-menu-item--disabled){background-color:var(--fui-surface-02)}:host.fui-menu-item:active:not(.fui-menu-item--disabled){background-color:var(--fui-surface-05)}:host.fui-menu-item--danger{color:var(--fui-danger-100)}:host.fui-menu-item--danger:hover:not(.fui-menu-item--disabled){background-color:var(--fui-danger-10);color:var(--fui-danger-70)}:host.fui-menu-item--danger:active:not(.fui-menu-item--disabled){background-color:var(--fui-danger-20);color:var(--fui-danger-80)}:host.fui-menu-item--danger:focus-visible{background-color:var(--fui-danger-10);outline-color:var(--fui-danger-60)}:host.fui-menu-item--disabled{color:var(--fui-text-secondary);cursor:not-allowed;opacity:var(--fui-opacity-disabled)}:host.fui-menu-item--disabled:hover,:host.fui-menu-item--disabled:active,:host.fui-menu-item--disabled:focus{background-color:transparent}:host.fui-menu-item .fui-icon{flex-shrink:0;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);font-size:var(--fui-icon-size-md)}:host.fui-menu-item .fui-icon[fuiPrefix]{margin-right:var(--fui-spacing-02)}:host.fui-menu-item .fui-icon[fuiSuffix]{margin-left:auto;margin-right:0}:host.fui-menu-item .fui-menu-item__shortcut{margin-left:auto;font-size:var(--fui-font-size-01);color:var(--fui-text-secondary);font-family:var(--fui-font-family-mono)}@media(prefers-contrast:more){:host.fui-menu-item:focus-visible{outline-width:3px}:host.fui-menu-item--danger:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){:host.fui-menu-item{transition:none}}\n"] }]
+                    }, 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)}}:host.fui-menu-item{transition:background-color var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms;display:flex;align-items:center;gap:var(--fui-spacing-03);width:100%;padding:var(--fui-spacing-03) var(--fui-spacing-04);margin:0;background-color:transparent;border:none;border-radius:var(--fui-border-radius-sm);font-family:var(--fui-font-family-sans);letter-spacing:.56px;font-size:var(--fui-font-size-02);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);text-align:left;text-decoration:none;color:var(--fui-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}:host.fui-menu-item:focus-visible{background-color:var(--fui-surface-02);outline:2px solid var(--fui-primary);outline-offset:-2px}:host.fui-menu-item:hover:not(.fui-menu-item--disabled){background-color:var(--fui-surface-02)}:host.fui-menu-item:active:not(.fui-menu-item--disabled){background-color:var(--fui-surface-05)}:host.fui-menu-item--danger{color:var(--fui-danger-100)}:host.fui-menu-item--danger:hover:not(.fui-menu-item--disabled){background-color:var(--fui-danger-10);color:var(--fui-danger-70)}:host.fui-menu-item--danger:active:not(.fui-menu-item--disabled){background-color:var(--fui-danger-20);color:var(--fui-danger-80)}:host.fui-menu-item--danger:focus-visible{background-color:var(--fui-danger-10);outline-color:var(--fui-danger-60)}:host.fui-menu-item--disabled{color:var(--fui-text-secondary);cursor:not-allowed;opacity:var(--fui-opacity-disabled)}:host.fui-menu-item--disabled:hover,:host.fui-menu-item--disabled:active,:host.fui-menu-item--disabled:focus{background-color:transparent}:host.fui-menu-item .fui-icon{flex-shrink:0;width:var(--fui-icon-size-sm);height:var(--fui-icon-size-sm);font-size:var(--fui-icon-size-md)}:host.fui-menu-item .fui-icon[fuiPrefix]{margin-right:var(--fui-spacing-02)}:host.fui-menu-item .fui-icon[fuiSuffix]{margin-left:auto;margin-right:0}:host.fui-menu-item .fui-menu-item__shortcut{margin-left:auto;font-size:var(--fui-font-size-01);color:var(--fui-text-secondary);font-family:var(--fui-font-family-mono)}@media(prefers-contrast:more){:host.fui-menu-item:focus-visible{outline-width:3px}:host.fui-menu-item--danger:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){:host.fui-menu-item{transition:none}}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
@@ -695,14 +695,14 @@ class FuiMenuComponent {
         return topmostOverlay === this._overlayRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiMenuComponent, isStandalone: true, selector: "fui-menu", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnClickOutside: { classPropertyName: "closeOnClickOutside", publicName: "closeOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, attachToBody: { classPropertyName: "attachToBody", publicName: "attachToBody", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", itemSelected: "itemSelected" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)", "click": "onMenuClick($event)" }, properties: { "class": "computedClasses()", "attr.data-open": "isOpen() ? \"true\" : null" } }, queries: [{ propertyName: "_menuItems", predicate: FuiMenuItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menuPanel", first: true, predicate: ["menuPanel"], descendants: true }], ngImport: i0, template: "@if (_isOpen() || _animationState() === 'leave') {\r\n  <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\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)}::ng-deep .fui-menu{position:absolute}::ng-deep .fui-menu--disabled{opacity:var(--fui-opacity-disabled);pointer-events:none}::ng-deep .fui-menu__panel{--fui-menu-min-width: 150px;--fui-menu-max-width: 500px;--fui-menu-border-radius: var(--fui-border-radius-sm);--fui-menu-padding: var(--fui-spacing-02);--fui-menu-bg: var(--fui-surface-00);--fui-menu-shadow: var(--fui-shadow-03);z-index:var(--fui-z-popover);min-width:var(--fui-menu-min-width);max-width:var(--fui-menu-max-width);background-color:var(--fui-menu-bg);border-radius:var(--fui-menu-border-radius);padding:var(--fui-menu-padding);box-shadow:var(--fui-menu-shadow);overflow:hidden;opacity:0;transform:scale(.95) translateY(-8px);transition:opacity var(--fui-duration-moderate-02) var(--fui-ease-exit),transform var(--fui-duration-moderate-02) var(--fui-ease-exit)}::ng-deep .fui-menu__panel:focus{outline:none}::ng-deep .fui-menu__panel[data-animation-state=enter]{opacity:1;transform:scale(1) translateY(0)}::ng-deep .fui-menu__panel[data-animation-state=leave]{opacity:0;transform:scale(.95) translateY(-8px)}::ng-deep .fui-menu-panel--sm .fui-menu__panel{min-width:8rem;font-size:var(--fui-font-size-01)}::ng-deep .fui-menu-panel--md .fui-menu__panel{min-width:12rem;font-size:var(--fui-font-size-02)}::ng-deep .fui-menu-panel--lg .fui-menu__panel{min-width:16rem;font-size:var(--fui-font-size-03)}@media(prefers-contrast:more){::ng-deep .fui-menu__panel{border-width:2px;box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-menu__panel{transition:none}}@media print{::ng-deep .fui-menu__panel{display:none!important}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiMenuComponent, isStandalone: true, selector: "fui-menu", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnClickOutside: { classPropertyName: "closeOnClickOutside", publicName: "closeOnClickOutside", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, attachToBody: { classPropertyName: "attachToBody", publicName: "attachToBody", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", itemSelected: "itemSelected" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)", "click": "onMenuClick($event)" }, properties: { "class": "computedClasses()", "attr.data-open": "isOpen() ? \"true\" : null" } }, queries: [{ propertyName: "_menuItems", predicate: FuiMenuItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menuPanel", first: true, predicate: ["menuPanel"], descendants: true }], ngImport: i0, template: "@if (_isOpen() || _animationState() === 'leave') {\r\n  <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\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)}}::ng-deep .fui-menu{position:absolute}::ng-deep .fui-menu--disabled{opacity:var(--fui-opacity-disabled);pointer-events:none}::ng-deep .fui-menu__panel{--fui-menu-min-width: 150px;--fui-menu-max-width: 500px;--fui-menu-border-radius: var(--fui-border-radius-sm);--fui-menu-padding: var(--fui-spacing-02);--fui-menu-bg: var(--fui-surface-00);--fui-menu-shadow: var(--fui-shadow-04);z-index:var(--fui-z-popover);min-width:var(--fui-menu-min-width);max-width:var(--fui-menu-max-width);background-color:var(--fui-menu-bg);border-radius:var(--fui-menu-border-radius);padding:var(--fui-menu-padding);box-shadow:var(--fui-menu-shadow);overflow:hidden;transform-origin:top center;will-change:transform,opacity;opacity:0;transform:translateY(-14px);transition:opacity var(--fui-duration-moderate-02) var(--fui-ease-exit),transform var(--fui-duration-moderate-02) var(--fui-ease-exit)}::ng-deep .fui-menu__panel:focus{outline:none}::ng-deep .fui-menu__panel[data-animation-state=enter]{opacity:1;transform:translateY(0);transition:opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance),transform var(--fui-duration-moderate-01) var(--fui-ease-entrance)}::ng-deep .fui-menu__panel[data-animation-state=leave]{opacity:0;transform:translateY(-14px)}::ng-deep .fui-menu-panel--sm .fui-menu__panel{min-width:8rem;font-size:var(--fui-font-size-01)}::ng-deep .fui-menu-panel--md .fui-menu__panel{min-width:12rem;font-size:var(--fui-font-size-02)}::ng-deep .fui-menu-panel--lg .fui-menu__panel{min-width:16rem;font-size:var(--fui-font-size-03)}@media(prefers-contrast:more){::ng-deep .fui-menu__panel{border-width:2px;box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-menu__panel{transition:none}}@media print{::ng-deep .fui-menu__panel{display:none!important}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fui-menu', standalone: true, imports: [], host: {
                         '[class]': 'computedClasses()',
                         '[attr.data-open]': 'isOpen() ? "true" : null',
-                    }, template: "@if (_isOpen() || _animationState() === 'leave') {\r\n  <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\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)}::ng-deep .fui-menu{position:absolute}::ng-deep .fui-menu--disabled{opacity:var(--fui-opacity-disabled);pointer-events:none}::ng-deep .fui-menu__panel{--fui-menu-min-width: 150px;--fui-menu-max-width: 500px;--fui-menu-border-radius: var(--fui-border-radius-sm);--fui-menu-padding: var(--fui-spacing-02);--fui-menu-bg: var(--fui-surface-00);--fui-menu-shadow: var(--fui-shadow-03);z-index:var(--fui-z-popover);min-width:var(--fui-menu-min-width);max-width:var(--fui-menu-max-width);background-color:var(--fui-menu-bg);border-radius:var(--fui-menu-border-radius);padding:var(--fui-menu-padding);box-shadow:var(--fui-menu-shadow);overflow:hidden;opacity:0;transform:scale(.95) translateY(-8px);transition:opacity var(--fui-duration-moderate-02) var(--fui-ease-exit),transform var(--fui-duration-moderate-02) var(--fui-ease-exit)}::ng-deep .fui-menu__panel:focus{outline:none}::ng-deep .fui-menu__panel[data-animation-state=enter]{opacity:1;transform:scale(1) translateY(0)}::ng-deep .fui-menu__panel[data-animation-state=leave]{opacity:0;transform:scale(.95) translateY(-8px)}::ng-deep .fui-menu-panel--sm .fui-menu__panel{min-width:8rem;font-size:var(--fui-font-size-01)}::ng-deep .fui-menu-panel--md .fui-menu__panel{min-width:12rem;font-size:var(--fui-font-size-02)}::ng-deep .fui-menu-panel--lg .fui-menu__panel{min-width:16rem;font-size:var(--fui-font-size-03)}@media(prefers-contrast:more){::ng-deep .fui-menu__panel{border-width:2px;box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-menu__panel{transition:none}}@media print{::ng-deep .fui-menu__panel{display:none!important}}\n"] }]
+                    }, template: "@if (_isOpen() || _animationState() === 'leave') {\r\n  <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\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)}}::ng-deep .fui-menu{position:absolute}::ng-deep .fui-menu--disabled{opacity:var(--fui-opacity-disabled);pointer-events:none}::ng-deep .fui-menu__panel{--fui-menu-min-width: 150px;--fui-menu-max-width: 500px;--fui-menu-border-radius: var(--fui-border-radius-sm);--fui-menu-padding: var(--fui-spacing-02);--fui-menu-bg: var(--fui-surface-00);--fui-menu-shadow: var(--fui-shadow-04);z-index:var(--fui-z-popover);min-width:var(--fui-menu-min-width);max-width:var(--fui-menu-max-width);background-color:var(--fui-menu-bg);border-radius:var(--fui-menu-border-radius);padding:var(--fui-menu-padding);box-shadow:var(--fui-menu-shadow);overflow:hidden;transform-origin:top center;will-change:transform,opacity;opacity:0;transform:translateY(-14px);transition:opacity var(--fui-duration-moderate-02) var(--fui-ease-exit),transform var(--fui-duration-moderate-02) var(--fui-ease-exit)}::ng-deep .fui-menu__panel:focus{outline:none}::ng-deep .fui-menu__panel[data-animation-state=enter]{opacity:1;transform:translateY(0);transition:opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance),transform var(--fui-duration-moderate-01) var(--fui-ease-entrance)}::ng-deep .fui-menu__panel[data-animation-state=leave]{opacity:0;transform:translateY(-14px)}::ng-deep .fui-menu-panel--sm .fui-menu__panel{min-width:8rem;font-size:var(--fui-font-size-01)}::ng-deep .fui-menu-panel--md .fui-menu__panel{min-width:12rem;font-size:var(--fui-font-size-02)}::ng-deep .fui-menu-panel--lg .fui-menu__panel{min-width:16rem;font-size:var(--fui-font-size-03)}@media(prefers-contrast:more){::ng-deep .fui-menu__panel{border-width:2px;box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-menu__panel{transition:none}}@media print{::ng-deep .fui-menu__panel{display:none!important}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnClickOutside: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnClickOutside", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], attachToBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachToBody", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], itemSelected: [{ type: i0.Output, args: ["itemSelected"] }], menuPanel: [{
                 type: ViewChild,
                 args: ['menuPanel', { static: false }]