@raintonic/formaui 0.2.1 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-popover.mjs","sources":["../../../lib/components/popover/popover.component.ts","../../../lib/components/popover/popover.component.html","../../../lib/components/popover/popover.types.ts","../../../lib/components/popover/popover-trigger.directive.ts","../../../lib/components/popover/raintonic-formaui-components-popover.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, Signal } from '@angular/core';\r\nimport { PopoverPosition } from './popover.types';\r\n\r\n/**\r\n * # FuiPopoverComponent\r\n *\r\n * Internal popover container component rendered inside the overlay.\r\n * Provides a styled panel with optional arrow indicator.\r\n *\r\n * ## Usage\r\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\r\n */\r\n@Component({\r\n  selector: 'fui-popover',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './popover.component.html',\r\n  styleUrl: './popover.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-popover',\r\n    '[class]': 'computedClasses()',\r\n  },\r\n})\r\nexport class FuiPopoverComponent {\r\n  /** Whether to show the arrow indicator */\r\n  readonly hasArrow = input(true);\r\n\r\n  /** Position of the popover relative to the trigger element, used for arrow calculation */\r\n  readonly position = input<PopoverPosition>('bottom');\r\n\r\n  /** Computed CSS classes for the popover */\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\r\n\r\n    if (this.hasArrow()) {\r\n      classes.push('fui-popover--with-arrow');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  /** Computed arrow classes based on position */\r\n  readonly arrowClasses: Signal<string> = computed(() => {\r\n    const position = this.position();\r\n    const baseClass = 'fui-popover__arrow';\r\n\r\n    if (position.startsWith('top')) {\r\n      return `${baseClass} ${baseClass}--bottom`;\r\n    } else if (position.startsWith('bottom')) {\r\n      return `${baseClass} ${baseClass}--top`;\r\n    } else if (position.startsWith('left')) {\r\n      return `${baseClass} ${baseClass}--right`;\r\n    } else if (position.startsWith('right')) {\r\n      return `${baseClass} ${baseClass}--left`;\r\n    }\r\n\r\n    return baseClass;\r\n  });\r\n}\r\n","<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\r\nexport type PopoverPosition =\r\n  | 'top'\r\n  | 'bottom'\r\n  | 'left'\r\n  | 'right'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport const POPOVER_POSITIONS = [\r\n  'top',\r\n  'bottom',\r\n  'left',\r\n  'right',\r\n  'top-start',\r\n  'top-end',\r\n  'bottom-start',\r\n  'bottom-end',\r\n  'left-start',\r\n  'left-end',\r\n  'right-start',\r\n  'right-end',\r\n] as const;\r\n\r\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\r\n","import {\r\n  Directive,\r\n  ElementRef,\r\n  input,\r\n  output,\r\n  effect,\r\n  HostListener,\r\n  inject,\r\n  OnDestroy,\r\n  booleanAttribute,\r\n  numberAttribute,\r\n  TemplateRef,\r\n  EmbeddedViewRef,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\r\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\n\r\n/**\r\n * # PopoverTrigger Directive\r\n *\r\n * A directive that triggers a popover overlay anchored to the host element.\r\n * Supports click, hover, focus, and manual trigger modes with configurable\r\n * positioning, delays, and arrow indicators.\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Click Popover\r\n * ```html\r\n * <ng-template #popoverContent>\r\n *   <p>Popover content here</p>\r\n * </ng-template>\r\n *\r\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\r\n * ```\r\n *\r\n * ### Hover with Position\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"hover\"\r\n *         fuiPopoverPosition=\"top\">\r\n *   Hover Me\r\n * </button>\r\n * ```\r\n *\r\n * ### Manual Control\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"manual\"\r\n *         [fuiPopoverOpen]=\"isOpen\">\r\n *   Manual Popover\r\n * </button>\r\n * ```\r\n */\r\n@Directive({\r\n  selector: '[fuiPopoverTrigger]',\r\n  standalone: true,\r\n  host: {\r\n    '[attr.aria-haspopup]': '\"dialog\"',\r\n    '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\r\n  },\r\n})\r\nexport class FuiPopoverTriggerDirective implements OnDestroy {\r\n  /** Template ref for the popover content */\r\n  readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\r\n\r\n  /** Position of the popover relative to the trigger element */\r\n  readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\r\n    transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\r\n  });\r\n\r\n  /** Trigger mode for showing/hiding the popover */\r\n  readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\r\n    transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\r\n  });\r\n\r\n  /** Delay before showing the popover (in milliseconds) */\r\n  readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Delay before hiding the popover (in milliseconds) */\r\n  readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Whether to show the arrow indicator */\r\n  readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether to close on outside click */\r\n  readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether the popover trigger is disabled */\r\n  readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\r\n  readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Emits when the popover is opened */\r\n  readonly fuiPopoverOpened = output();\r\n\r\n  /** Emits when the popover is closed */\r\n  readonly fuiPopoverClosed = output();\r\n\r\n  // Internal state\r\n  readonly _isOpen: WritableSignal<boolean> = signal(false);\r\n  private _overlayRef: FuiOverlayRef | null = null;\r\n  private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\r\n  private _showTimeout: number | null = null;\r\n  private _hideTimeout: number | null = null;\r\n  private _subscriptions: Subscription[] = [];\r\n\r\n  // Injected dependencies\r\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n  private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\r\n\r\n  constructor() {\r\n    // Handle manual control\r\n    effect(() => {\r\n      if (this.fuiPopoverTriggerOn() === 'manual') {\r\n        if (this.fuiPopoverOpen()) {\r\n          this._showPopover();\r\n        } else {\r\n          this._hidePopover();\r\n        }\r\n      }\r\n    });\r\n\r\n    // Handle disabled state\r\n    effect(() => {\r\n      if (this.fuiPopoverDisabled() && this._isOpen()) {\r\n        this._hidePopover();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._clearTimeouts();\r\n    this._destroyPopover();\r\n  }\r\n\r\n  @HostListener('click')\r\n  onHostClick(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\r\n      if (this._isOpen()) {\r\n        this._hidePopover();\r\n      } else {\r\n        this._showPopover();\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('focus')\r\n  onFocus(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'Escape' && this._isOpen()) {\r\n      this._hidePopover();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  /** Programmatically show the popover */\r\n  show(): void {\r\n    if (!this.fuiPopoverDisabled()) {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  /** Programmatically hide the popover */\r\n  hide(): void {\r\n    this._hidePopover();\r\n  }\r\n\r\n  /** Toggle popover visibility */\r\n  toggle(): void {\r\n    if (this._isOpen()) {\r\n      this.hide();\r\n    } else {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  private _scheduleShow(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverShowDelay() > 0) {\r\n      this._showTimeout = window.setTimeout(() => {\r\n        this._showPopover();\r\n      }, this.fuiPopoverShowDelay());\r\n    } else {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  private _scheduleHide(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverHideDelay() > 0) {\r\n      this._hideTimeout = window.setTimeout(() => {\r\n        this._hidePopover();\r\n      }, this.fuiPopoverHideDelay());\r\n    } else {\r\n      this._hidePopover();\r\n    }\r\n  }\r\n\r\n  private _previouslyFocusedElement: HTMLElement | null = null;\r\n\r\n  private _showPopover(): void {\r\n    if (this._isOpen() || this.fuiPopoverDisabled()) {\r\n      return;\r\n    }\r\n\r\n    // Save the currently focused element for focus restoration\r\n    this._previouslyFocusedElement = document.activeElement as HTMLElement;\r\n\r\n    this._createPopover();\r\n    this._isOpen.set(true);\r\n    this.fuiPopoverOpened.emit();\r\n\r\n    // Add click outside listener for click trigger\r\n    if (this.fuiPopoverCloseOnOutsideClick()) {\r\n      setTimeout(() => {\r\n        document.addEventListener('click', this._onDocumentClick, true);\r\n      });\r\n    }\r\n\r\n    // Focus the first focusable element within the popover\r\n    setTimeout(() => {\r\n      this._focusFirstInOverlay();\r\n    });\r\n  }\r\n\r\n  private _hidePopover(): void {\r\n    if (!this._isOpen()) {\r\n      return;\r\n    }\r\n\r\n    this._isOpen.set(false);\r\n    this._destroyPopover();\r\n    this.fuiPopoverClosed.emit();\r\n    document.removeEventListener('click', this._onDocumentClick, true);\r\n\r\n    // Restore focus to the trigger element\r\n    if (this._previouslyFocusedElement) {\r\n      this._previouslyFocusedElement.focus();\r\n      this._previouslyFocusedElement = null;\r\n    }\r\n  }\r\n\r\n  private _focusFirstInOverlay(): void {\r\n    const overlay = this._overlayRef?.overlayElement;\r\n    if (!overlay) return;\r\n\r\n    const focusable = overlay.querySelector<HTMLElement>(\r\n      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    if (focusable) {\r\n      focusable.focus();\r\n    }\r\n  }\r\n\r\n  private _createPopover(): void {\r\n    if (this._overlayRef) {\r\n      return;\r\n    }\r\n\r\n    const positions = this._getPositions(this.fuiPopoverPosition());\r\n    const positionStrategy = this._overlayService\r\n      .position()\r\n      .connectedTo(this._elementRef, positions)\r\n      .withPush(true)\r\n      .withViewportMargin(8);\r\n\r\n    this._overlayRef = this._overlayService.create({\r\n      positionStrategy,\r\n      scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\r\n      panelClass: 'fui-popover-panel',\r\n    });\r\n\r\n    // Attach the template to the overlay\r\n    this._overlayRef.attach(this.fuiPopoverTrigger());\r\n\r\n    // Subscribe to keydown events for ESC\r\n    const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        this._hidePopover();\r\n        event.preventDefault();\r\n      }\r\n    });\r\n    this._subscriptions.push(keydownSub);\r\n\r\n    // Set up hover events on the overlay for hover trigger persistence\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\r\n    }\r\n  }\r\n\r\n  private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\r\n    const offset = 8;\r\n    const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\r\n      top: [\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-end': [\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      bottom: [\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-start': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      left: [\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n      ],\r\n      'left-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n      ],\r\n      'left-end': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n      ],\r\n      right: [\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n      ],\r\n      'right-start': [\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n      ],\r\n      'right-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n      ],\r\n    };\r\n\r\n    return positionMap[pos] || positionMap.bottom;\r\n  }\r\n\r\n  private _destroyPopover(): void {\r\n    // Clean up subscriptions\r\n    this._subscriptions.forEach((sub) => {\r\n      sub.unsubscribe();\r\n    });\r\n    this._subscriptions = [];\r\n\r\n    // Remove hover listeners from overlay\r\n    if (this._overlayRef) {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\r\n\r\n      this._overlayRef.dispose();\r\n      this._overlayRef = null;\r\n    }\r\n\r\n    this._embeddedViewRef = null;\r\n  }\r\n\r\n  private _clearTimeouts(): void {\r\n    if (this._showTimeout) {\r\n      clearTimeout(this._showTimeout);\r\n      this._showTimeout = null;\r\n    }\r\n    if (this._hideTimeout) {\r\n      clearTimeout(this._hideTimeout);\r\n      this._hideTimeout = null;\r\n    }\r\n  }\r\n\r\n  private readonly _onDocumentClick = (event: Event): void => {\r\n    const target = event.target as HTMLElement;\r\n    const triggerElement = this._elementRef.nativeElement;\r\n    const overlayElement = this._overlayRef?.overlayElement;\r\n\r\n    if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\r\n      this._hidePopover();\r\n    }\r\n  };\r\n\r\n  private readonly _onOverlayMouseEnter = (): void => {\r\n    this._clearTimeouts();\r\n  };\r\n\r\n  private readonly _onOverlayMouseLeave = (): void => {\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      this._scheduleHide();\r\n    }\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-popover.mjs","sources":["../../../lib/components/popover/popover.component.ts","../../../lib/components/popover/popover.component.html","../../../lib/components/popover/popover.types.ts","../../../lib/components/popover/popover-trigger.directive.ts","../../../lib/components/popover/raintonic-formaui-components-popover.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, Signal } from '@angular/core';\r\nimport { PopoverPosition } from './popover.types';\r\n\r\n/**\r\n * # FuiPopoverComponent\r\n *\r\n * Internal popover container component rendered inside the overlay.\r\n * Provides a styled panel with optional arrow indicator.\r\n *\r\n * ## Usage\r\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\r\n */\r\n@Component({\r\n  selector: 'fui-popover',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './popover.component.html',\r\n  styleUrl: './popover.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-popover',\r\n    '[class]': 'computedClasses()',\r\n  },\r\n})\r\nexport class FuiPopoverComponent {\r\n  /** Whether to show the arrow indicator */\r\n  readonly hasArrow = input(true);\r\n\r\n  /** Position of the popover relative to the trigger element, used for arrow calculation */\r\n  readonly position = input<PopoverPosition>('bottom');\r\n\r\n  /** Computed CSS classes for the popover */\r\n  readonly computedClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\r\n\r\n    if (this.hasArrow()) {\r\n      classes.push('fui-popover--with-arrow');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  /** Computed arrow classes based on position */\r\n  readonly arrowClasses: Signal<string> = computed(() => {\r\n    const position = this.position();\r\n    const baseClass = 'fui-popover__arrow';\r\n\r\n    if (position.startsWith('top')) {\r\n      return `${baseClass} ${baseClass}--bottom`;\r\n    } else if (position.startsWith('bottom')) {\r\n      return `${baseClass} ${baseClass}--top`;\r\n    } else if (position.startsWith('left')) {\r\n      return `${baseClass} ${baseClass}--right`;\r\n    } else if (position.startsWith('right')) {\r\n      return `${baseClass} ${baseClass}--left`;\r\n    }\r\n\r\n    return baseClass;\r\n  });\r\n}\r\n","<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\r\nexport type PopoverPosition =\r\n  | 'top'\r\n  | 'bottom'\r\n  | 'left'\r\n  | 'right'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | 'right-start'\r\n  | 'right-end';\r\n\r\nexport const POPOVER_POSITIONS = [\r\n  'top',\r\n  'bottom',\r\n  'left',\r\n  'right',\r\n  'top-start',\r\n  'top-end',\r\n  'bottom-start',\r\n  'bottom-end',\r\n  'left-start',\r\n  'left-end',\r\n  'right-start',\r\n  'right-end',\r\n] as const;\r\n\r\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\r\n","import {\r\n  Directive,\r\n  ElementRef,\r\n  input,\r\n  output,\r\n  effect,\r\n  HostListener,\r\n  inject,\r\n  OnDestroy,\r\n  booleanAttribute,\r\n  numberAttribute,\r\n  TemplateRef,\r\n  EmbeddedViewRef,\r\n  signal,\r\n  WritableSignal,\r\n} from '@angular/core';\r\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\r\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\r\nimport { Subscription } from 'rxjs';\r\n\r\n/**\r\n * # PopoverTrigger Directive\r\n *\r\n * A directive that triggers a popover overlay anchored to the host element.\r\n * Supports click, hover, focus, and manual trigger modes with configurable\r\n * positioning, delays, and arrow indicators.\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Click Popover\r\n * ```html\r\n * <ng-template #popoverContent>\r\n *   <p>Popover content here</p>\r\n * </ng-template>\r\n *\r\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\r\n * ```\r\n *\r\n * ### Hover with Position\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"hover\"\r\n *         fuiPopoverPosition=\"top\">\r\n *   Hover Me\r\n * </button>\r\n * ```\r\n *\r\n * ### Manual Control\r\n * ```html\r\n * <button [fuiPopoverTrigger]=\"popoverContent\"\r\n *         fuiPopoverTriggerOn=\"manual\"\r\n *         [fuiPopoverOpen]=\"isOpen\">\r\n *   Manual Popover\r\n * </button>\r\n * ```\r\n */\r\n@Directive({\r\n  selector: '[fuiPopoverTrigger]',\r\n  standalone: true,\r\n  host: {\r\n    '[attr.aria-haspopup]': '\"dialog\"',\r\n    '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\r\n  },\r\n})\r\nexport class FuiPopoverTriggerDirective implements OnDestroy {\r\n  /** Template ref for the popover content */\r\n  readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\r\n\r\n  /** Position of the popover relative to the trigger element */\r\n  readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\r\n    transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\r\n  });\r\n\r\n  /** Trigger mode for showing/hiding the popover */\r\n  readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\r\n    transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\r\n  });\r\n\r\n  /** Delay before showing the popover (in milliseconds) */\r\n  readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Delay before hiding the popover (in milliseconds) */\r\n  readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\r\n\r\n  /** Whether to show the arrow indicator */\r\n  readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether to close on outside click */\r\n  readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n  /** Whether the popover trigger is disabled */\r\n  readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\r\n  readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** Emits when the popover is opened */\r\n  readonly fuiPopoverOpened = output();\r\n\r\n  /** Emits when the popover is closed */\r\n  readonly fuiPopoverClosed = output();\r\n\r\n  // Internal state\r\n  readonly _isOpen: WritableSignal<boolean> = signal(false);\r\n  private _overlayRef: FuiOverlayRef | null = null;\r\n  private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\r\n  private _showTimeout: number | null = null;\r\n  private _hideTimeout: number | null = null;\r\n  private _subscriptions: Subscription[] = [];\r\n\r\n  // Injected dependencies\r\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n  private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\r\n\r\n  constructor() {\r\n    // Handle manual control\r\n    effect(() => {\r\n      if (this.fuiPopoverTriggerOn() === 'manual') {\r\n        if (this.fuiPopoverOpen()) {\r\n          this._showPopover();\r\n        } else {\r\n          this._hidePopover();\r\n        }\r\n      }\r\n    });\r\n\r\n    // Handle disabled state\r\n    effect(() => {\r\n      if (this.fuiPopoverDisabled() && this._isOpen()) {\r\n        this._hidePopover();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._clearTimeouts();\r\n    this._destroyPopover();\r\n  }\r\n\r\n  @HostListener('click')\r\n  onHostClick(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\r\n      if (this._isOpen()) {\r\n        this._hidePopover();\r\n      } else {\r\n        this._showPopover();\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('focus')\r\n  onFocus(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleShow();\r\n    }\r\n  }\r\n\r\n  @HostListener('blur')\r\n  onBlur(): void {\r\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\r\n      this._scheduleHide();\r\n    }\r\n  }\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeydown(event: KeyboardEvent): void {\r\n    if (event.key === 'Escape' && this._isOpen()) {\r\n      this._hidePopover();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  /** Programmatically show the popover */\r\n  show(): void {\r\n    if (!this.fuiPopoverDisabled()) {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  /** Programmatically hide the popover */\r\n  hide(): void {\r\n    this._hidePopover();\r\n  }\r\n\r\n  /** Toggle popover visibility */\r\n  toggle(): void {\r\n    if (this._isOpen()) {\r\n      this.hide();\r\n    } else {\r\n      this.show();\r\n    }\r\n  }\r\n\r\n  private _scheduleShow(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverShowDelay() > 0) {\r\n      this._showTimeout = window.setTimeout(() => {\r\n        this._showPopover();\r\n      }, this.fuiPopoverShowDelay());\r\n    } else {\r\n      this._showPopover();\r\n    }\r\n  }\r\n\r\n  private _scheduleHide(): void {\r\n    this._clearTimeouts();\r\n\r\n    if (this.fuiPopoverHideDelay() > 0) {\r\n      this._hideTimeout = window.setTimeout(() => {\r\n        this._hidePopover();\r\n      }, this.fuiPopoverHideDelay());\r\n    } else {\r\n      this._hidePopover();\r\n    }\r\n  }\r\n\r\n  private _previouslyFocusedElement: HTMLElement | null = null;\r\n\r\n  private _showPopover(): void {\r\n    if (this._isOpen() || this.fuiPopoverDisabled()) {\r\n      return;\r\n    }\r\n\r\n    // Save the currently focused element for focus restoration\r\n    this._previouslyFocusedElement = document.activeElement as HTMLElement;\r\n\r\n    this._createPopover();\r\n    this._isOpen.set(true);\r\n    this.fuiPopoverOpened.emit();\r\n\r\n    // Add click outside listener for click trigger\r\n    if (this.fuiPopoverCloseOnOutsideClick()) {\r\n      setTimeout(() => {\r\n        document.addEventListener('click', this._onDocumentClick, true);\r\n      });\r\n    }\r\n\r\n    // Focus the first focusable element within the popover\r\n    setTimeout(() => {\r\n      this._focusFirstInOverlay();\r\n    });\r\n  }\r\n\r\n  private _hidePopover(): void {\r\n    if (!this._isOpen()) {\r\n      return;\r\n    }\r\n\r\n    this._isOpen.set(false);\r\n    this._destroyPopover();\r\n    this.fuiPopoverClosed.emit();\r\n    document.removeEventListener('click', this._onDocumentClick, true);\r\n\r\n    // Restore focus to the trigger element\r\n    if (this._previouslyFocusedElement) {\r\n      this._previouslyFocusedElement.focus();\r\n      this._previouslyFocusedElement = null;\r\n    }\r\n  }\r\n\r\n  private _focusFirstInOverlay(): void {\r\n    const overlay = this._overlayRef?.overlayElement;\r\n    if (!overlay) return;\r\n\r\n    const focusable = overlay.querySelector<HTMLElement>(\r\n      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n\r\n    if (focusable) {\r\n      focusable.focus();\r\n    }\r\n  }\r\n\r\n  private _createPopover(): void {\r\n    if (this._overlayRef) {\r\n      return;\r\n    }\r\n\r\n    const positions = this._getPositions(this.fuiPopoverPosition());\r\n    const positionStrategy = this._overlayService\r\n      .position()\r\n      .connectedTo(this._elementRef, positions)\r\n      .withPush(true)\r\n      .withViewportMargin(8);\r\n\r\n    this._overlayRef = this._overlayService.create({\r\n      positionStrategy,\r\n      scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\r\n      panelClass: 'fui-popover-panel',\r\n    });\r\n\r\n    // Attach the template to the overlay\r\n    this._overlayRef.attach(this.fuiPopoverTrigger());\r\n\r\n    // Subscribe to keydown events for ESC\r\n    const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\r\n      if (event.key === 'Escape') {\r\n        this._hidePopover();\r\n        event.preventDefault();\r\n      }\r\n    });\r\n    this._subscriptions.push(keydownSub);\r\n\r\n    // Set up hover events on the overlay for hover trigger persistence\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\r\n    }\r\n  }\r\n\r\n  private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\r\n    const offset = 8;\r\n    const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\r\n      top: [\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      'top-end': [\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n      ],\r\n      bottom: [\r\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-start': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      'bottom-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n      ],\r\n      left: [\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n      ],\r\n      'left-start': [\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n      ],\r\n      'left-end': [\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n      ],\r\n      right: [\r\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n      ],\r\n      'right-start': [\r\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n      ],\r\n      'right-end': [\r\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n      ],\r\n    };\r\n\r\n    return positionMap[pos] || positionMap.bottom;\r\n  }\r\n\r\n  private _destroyPopover(): void {\r\n    // Clean up subscriptions\r\n    this._subscriptions.forEach((sub) => {\r\n      sub.unsubscribe();\r\n    });\r\n    this._subscriptions = [];\r\n\r\n    // Remove hover listeners from overlay\r\n    if (this._overlayRef) {\r\n      const overlayElement = this._overlayRef.overlayElement;\r\n      overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\r\n      overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\r\n\r\n      this._overlayRef.dispose();\r\n      this._overlayRef = null;\r\n    }\r\n\r\n    this._embeddedViewRef = null;\r\n  }\r\n\r\n  private _clearTimeouts(): void {\r\n    if (this._showTimeout) {\r\n      clearTimeout(this._showTimeout);\r\n      this._showTimeout = null;\r\n    }\r\n    if (this._hideTimeout) {\r\n      clearTimeout(this._hideTimeout);\r\n      this._hideTimeout = null;\r\n    }\r\n  }\r\n\r\n  private readonly _onDocumentClick = (event: Event): void => {\r\n    const target = event.target as HTMLElement;\r\n    const triggerElement = this._elementRef.nativeElement;\r\n    const overlayElement = this._overlayRef?.overlayElement;\r\n\r\n    if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\r\n      this._hidePopover();\r\n    }\r\n  };\r\n\r\n  private readonly _onOverlayMouseEnter = (): void => {\r\n    this._clearTimeouts();\r\n  };\r\n\r\n  private readonly _onOverlayMouseLeave = (): void => {\r\n    if (this.fuiPopoverTriggerOn() === 'hover') {\r\n      this._scheduleHide();\r\n    }\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-progressbar.mjs

@@ -1,5 +1,18 @@
 import * as i0 from '@angular/core';
-import { input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Injectable, inject, ChangeDetectorRef, signal, input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FuiIntlBase } from '@raintonic/formaui/core';
+
+class FuiProgressbarIntl extends FuiIntlBase {
+    loadingAriaLabel = 'Loading';
+    progressAriaLabel = 'Progress';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
 /**
  * # FuiProgressbar Component
@@ -40,6 +53,16 @@ import { input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStr
  * ```
  */
 class FuiProgressbarComponent {
+    intl = inject(FuiProgressbarIntl);
+    _cdr = inject(ChangeDetectorRef);
+    /** @internal — bumped when Intl mutates so computeds that read plain intl fields reinvoke. */
+    _intlTick = signal(0, ...(ngDevMode ? [{ debugName: "_intlTick" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {
+            this._intlTick.update((v) => v + 1);
+            this._cdr.markForCheck();
+        });
+    }
     /**
      * Progress bar mode (compatible with mat-progress-bar)
      * - determinate: Shows a specific progress value
@@ -75,6 +98,8 @@ class FuiProgressbarComponent {
      * default when no aria-labelledby is provided either.
      */
     effectiveAriaLabel = computed(() => {
+        // Track intl mutations so this recomputes after notifyChanges()
+        this._intlTick();
         const explicit = this.ariaLabel();
         if (explicit)
             return explicit;
@@ -84,8 +109,8 @@ class FuiProgressbarComponent {
         // Default labels per mode
         const m = this.mode();
         if (m === 'indeterminate' || m === 'query')
-            return 'Loading';
-        return 'Progress';
+            return this.intl.loadingAriaLabel;
+        return this.intl.progressAriaLabel;
     }, ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
     /**
      * Clamped progress value (0-100)
@@ -116,7 +141,7 @@ class FuiProgressbarComponent {
         return Math.max(0, Math.min(100, value || 0));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiProgressbarComponent, isStandalone: true, selector: "fui-progressbar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class.fui-progressbar--determinate": "mode() === \"determinate\"", "class.fui-progressbar--indeterminate": "mode() === \"indeterminate\"", "class.fui-progressbar--buffer": "mode() === \"buffer\"", "class.fui-progressbar--query": "mode() === \"query\"", "class.fui-progressbar--primary": "color() === \"primary\"", "class.fui-progressbar--accent": "color() === \"accent\"", "class.fui-progressbar--warn": "color() === \"warn\"", "class.fui-progressbar--success": "color() === \"success\"", "class.fui-progressbar--info": "color() === \"info\"", "attr.aria-valuenow": "mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.aria-label": "effectiveAriaLabel()", "attr.aria-labelledby": "ariaLabelledby()" }, classAttribute: "fui-progressbar" }, ngImport: i0, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiProgressbarComponent, isStandalone: true, selector: "fui-progressbar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class.fui-progressbar--determinate": "mode() === \"determinate\"", "class.fui-progressbar--indeterminate": "mode() === \"indeterminate\"", "class.fui-progressbar--buffer": "mode() === \"buffer\"", "class.fui-progressbar--query": "mode() === \"query\"", "class.fui-progressbar--primary": "color() === \"primary\"", "class.fui-progressbar--accent": "color() === \"accent\"", "class.fui-progressbar--warn": "color() === \"warn\"", "class.fui-progressbar--success": "color() === \"success\"", "class.fui-progressbar--info": "color() === \"info\"", "attr.aria-valuenow": "mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.aria-label": "effectiveAriaLabel()", "attr.aria-labelledby": "ariaLabelledby()" }, classAttribute: "fui-progressbar" }, ngImport: i0, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarComponent, decorators: [{
             type: Component,
@@ -137,12 +162,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[attr.aria-valuemax]': '100',
                         '[attr.aria-label]': 'effectiveAriaLabel()',
                         '[attr.aria-labelledby]': 'ariaLabelledby()',
-                    }, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"] }]
-        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
+                    }, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], bufferValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferValue", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { FuiProgressbarComponent };
+export { FuiProgressbarComponent, FuiProgressbarIntl };
 //# sourceMappingURL=raintonic-formaui-components-progressbar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-progressbar.mjs","sources":["../../../lib/components/progressbar/progressbar.component.ts","../../../lib/components/progressbar/progressbar.component.html","../../../lib/components/progressbar/raintonic-formaui-components-progressbar.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, numberAttribute } from '@angular/core';\r\n\r\n/**\r\n * Progress bar mode types (compatible with mat-progress-bar)\r\n */\r\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\r\n\r\n/**\r\n * Progress bar color variants\r\n */\r\nexport type ProgressBarColor = 'primary' | 'accent' | 'warn' | 'success' | 'info';\r\n\r\n/**\r\n * # FuiProgressbar Component\r\n *\r\n * A progress bar component compatible with Angular Material's mat-progress-bar interface.\r\n *\r\n * ## Features\r\n * - Multiple modes: determinate, indeterminate, buffer, query\r\n * - Color variants: primary, accent, warn, success, info\r\n * - Accessible with ARIA attributes\r\n * - Smooth animations\r\n *\r\n * ## Usage\r\n *\r\n * ### Determinate Progress\r\n * ```html\r\n * <fui-progressbar [value]=\"50\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Indeterminate Progress\r\n * ```html\r\n * <fui-progressbar mode=\"indeterminate\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Buffer Progress\r\n * ```html\r\n * <fui-progressbar mode=\"buffer\" [value]=\"50\" [bufferValue]=\"75\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Query Progress\r\n * ```html\r\n * <fui-progressbar mode=\"query\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Color Variants\r\n * ```html\r\n * <fui-progressbar [value]=\"50\" color=\"success\"></fui-progressbar>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-progressbar',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './progressbar.component.html',\r\n  styleUrls: ['./progressbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-progressbar',\r\n    '[class.fui-progressbar--determinate]': 'mode() === \"determinate\"',\r\n    '[class.fui-progressbar--indeterminate]': 'mode() === \"indeterminate\"',\r\n    '[class.fui-progressbar--buffer]': 'mode() === \"buffer\"',\r\n    '[class.fui-progressbar--query]': 'mode() === \"query\"',\r\n    '[class.fui-progressbar--primary]': 'color() === \"primary\"',\r\n    '[class.fui-progressbar--accent]': 'color() === \"accent\"',\r\n    '[class.fui-progressbar--warn]': 'color() === \"warn\"',\r\n    '[class.fui-progressbar--success]': 'color() === \"success\"',\r\n    '[class.fui-progressbar--info]': 'color() === \"info\"',\r\n    role: 'progressbar',\r\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null',\r\n    '[attr.aria-valuemin]': '0',\r\n    '[attr.aria-valuemax]': '100',\r\n    '[attr.aria-label]': 'effectiveAriaLabel()',\r\n    '[attr.aria-labelledby]': 'ariaLabelledby()',\r\n  },\r\n})\r\nexport class FuiProgressbarComponent {\r\n  /**\r\n   * Progress bar mode (compatible with mat-progress-bar)\r\n   * - determinate: Shows a specific progress value\r\n   * - indeterminate: Shows an animation for unknown progress\r\n   * - buffer: Shows progress with a buffer indicator\r\n   * - query: Shows a query animation (reverse indeterminate)\r\n   */\r\n  readonly mode = input<ProgressBarMode>('determinate');\r\n\r\n  /**\r\n   * Progress value (0-100)\r\n   */\r\n  readonly value = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Buffer value for buffer mode (0-100)\r\n   */\r\n  readonly bufferValue = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Color variant\r\n   */\r\n  readonly color = input<ProgressBarColor>('primary');\r\n\r\n  /**\r\n   * ARIA label for accessibility.\r\n   * When neither aria-label nor aria-labelledby is provided, a default label\r\n   * is computed based on the mode (e.g. \"Loading\" for indeterminate/query).\r\n   */\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n\r\n  /**\r\n   * ARIA labelledby for accessibility\r\n   */\r\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\r\n\r\n  /**\r\n   * Effective aria-label: uses the explicit input, or falls back to a\r\n   * default when no aria-labelledby is provided either.\r\n   */\r\n  readonly effectiveAriaLabel = computed(() => {\r\n    const explicit = this.ariaLabel();\r\n    if (explicit) return explicit;\r\n    // If aria-labelledby is set, don't add a redundant label\r\n    if (this.ariaLabelledby()) return null;\r\n    // Default labels per mode\r\n    const m = this.mode();\r\n    if (m === 'indeterminate' || m === 'query') return 'Loading';\r\n    return 'Progress';\r\n  });\r\n\r\n  /**\r\n   * Clamped progress value (0-100)\r\n   */\r\n  readonly clampedValue = computed(() => this._clamp(this.value()));\r\n\r\n  /**\r\n   * Clamped buffer value (0-100)\r\n   */\r\n  readonly clampedBufferValue = computed(() => this._clamp(this.bufferValue()));\r\n\r\n  /**\r\n   * Transform for the primary progress bar\r\n   */\r\n  readonly primaryTransform = computed(() => {\r\n    const value = this.clampedValue();\r\n    return `scaleX(${value / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Transform for the buffer bar\r\n   */\r\n  readonly bufferTransform = computed(() => {\r\n    const bufferValue = this.clampedBufferValue();\r\n    return `scaleX(${bufferValue / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Clamps a value between 0 and 100\r\n   */\r\n  private _clamp(value: number): number {\r\n    return Math.max(0, Math.min(100, value || 0));\r\n  }\r\n}\r\n","<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\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-progressbar.mjs","sources":["../../../lib/components/progressbar/progressbar.intl.ts","../../../lib/components/progressbar/progressbar.component.ts","../../../lib/components/progressbar/progressbar.component.html","../../../lib/components/progressbar/raintonic-formaui-components-progressbar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiProgressbarIntl extends FuiIntlBase {\r\n  loadingAriaLabel = 'Loading';\r\n  progressAriaLabel = 'Progress';\r\n}\r\n","import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  ViewEncapsulation,\r\n  inject,\r\n  input,\r\n  computed,\r\n  signal,\r\n  numberAttribute,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FuiProgressbarIntl } from './progressbar.intl';\r\n\r\n/**\r\n * Progress bar mode types (compatible with mat-progress-bar)\r\n */\r\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\r\n\r\n/**\r\n * Progress bar color variants\r\n */\r\nexport type ProgressBarColor = 'primary' | 'accent' | 'warn' | 'success' | 'info';\r\n\r\n/**\r\n * # FuiProgressbar Component\r\n *\r\n * A progress bar component compatible with Angular Material's mat-progress-bar interface.\r\n *\r\n * ## Features\r\n * - Multiple modes: determinate, indeterminate, buffer, query\r\n * - Color variants: primary, accent, warn, success, info\r\n * - Accessible with ARIA attributes\r\n * - Smooth animations\r\n *\r\n * ## Usage\r\n *\r\n * ### Determinate Progress\r\n * ```html\r\n * <fui-progressbar [value]=\"50\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Indeterminate Progress\r\n * ```html\r\n * <fui-progressbar mode=\"indeterminate\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Buffer Progress\r\n * ```html\r\n * <fui-progressbar mode=\"buffer\" [value]=\"50\" [bufferValue]=\"75\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Query Progress\r\n * ```html\r\n * <fui-progressbar mode=\"query\"></fui-progressbar>\r\n * ```\r\n *\r\n * ### Color Variants\r\n * ```html\r\n * <fui-progressbar [value]=\"50\" color=\"success\"></fui-progressbar>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-progressbar',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './progressbar.component.html',\r\n  styleUrls: ['./progressbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-progressbar',\r\n    '[class.fui-progressbar--determinate]': 'mode() === \"determinate\"',\r\n    '[class.fui-progressbar--indeterminate]': 'mode() === \"indeterminate\"',\r\n    '[class.fui-progressbar--buffer]': 'mode() === \"buffer\"',\r\n    '[class.fui-progressbar--query]': 'mode() === \"query\"',\r\n    '[class.fui-progressbar--primary]': 'color() === \"primary\"',\r\n    '[class.fui-progressbar--accent]': 'color() === \"accent\"',\r\n    '[class.fui-progressbar--warn]': 'color() === \"warn\"',\r\n    '[class.fui-progressbar--success]': 'color() === \"success\"',\r\n    '[class.fui-progressbar--info]': 'color() === \"info\"',\r\n    role: 'progressbar',\r\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null',\r\n    '[attr.aria-valuemin]': '0',\r\n    '[attr.aria-valuemax]': '100',\r\n    '[attr.aria-label]': 'effectiveAriaLabel()',\r\n    '[attr.aria-labelledby]': 'ariaLabelledby()',\r\n  },\r\n})\r\nexport class FuiProgressbarComponent {\r\n  readonly intl = inject(FuiProgressbarIntl);\r\n  private readonly _cdr = inject(ChangeDetectorRef);\r\n  /** @internal — bumped when Intl mutates so computeds that read plain intl fields reinvoke. */\r\n  private readonly _intlTick = signal(0);\r\n\r\n  constructor() {\r\n    this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {\r\n      this._intlTick.update((v) => v + 1);\r\n      this._cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Progress bar mode (compatible with mat-progress-bar)\r\n   * - determinate: Shows a specific progress value\r\n   * - indeterminate: Shows an animation for unknown progress\r\n   * - buffer: Shows progress with a buffer indicator\r\n   * - query: Shows a query animation (reverse indeterminate)\r\n   */\r\n  readonly mode = input<ProgressBarMode>('determinate');\r\n\r\n  /**\r\n   * Progress value (0-100)\r\n   */\r\n  readonly value = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Buffer value for buffer mode (0-100)\r\n   */\r\n  readonly bufferValue = input<number, unknown>(0, {\r\n    transform: numberAttribute,\r\n  });\r\n\r\n  /**\r\n   * Color variant\r\n   */\r\n  readonly color = input<ProgressBarColor>('primary');\r\n\r\n  /**\r\n   * ARIA label for accessibility.\r\n   * When neither aria-label nor aria-labelledby is provided, a default label\r\n   * is computed based on the mode (e.g. \"Loading\" for indeterminate/query).\r\n   */\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n\r\n  /**\r\n   * ARIA labelledby for accessibility\r\n   */\r\n  readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\r\n\r\n  /**\r\n   * Effective aria-label: uses the explicit input, or falls back to a\r\n   * default when no aria-labelledby is provided either.\r\n   */\r\n  readonly effectiveAriaLabel = computed(() => {\r\n    // Track intl mutations so this recomputes after notifyChanges()\r\n    this._intlTick();\r\n    const explicit = this.ariaLabel();\r\n    if (explicit) return explicit;\r\n    // If aria-labelledby is set, don't add a redundant label\r\n    if (this.ariaLabelledby()) return null;\r\n    // Default labels per mode\r\n    const m = this.mode();\r\n    if (m === 'indeterminate' || m === 'query') return this.intl.loadingAriaLabel;\r\n    return this.intl.progressAriaLabel;\r\n  });\r\n\r\n  /**\r\n   * Clamped progress value (0-100)\r\n   */\r\n  readonly clampedValue = computed(() => this._clamp(this.value()));\r\n\r\n  /**\r\n   * Clamped buffer value (0-100)\r\n   */\r\n  readonly clampedBufferValue = computed(() => this._clamp(this.bufferValue()));\r\n\r\n  /**\r\n   * Transform for the primary progress bar\r\n   */\r\n  readonly primaryTransform = computed(() => {\r\n    const value = this.clampedValue();\r\n    return `scaleX(${value / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Transform for the buffer bar\r\n   */\r\n  readonly bufferTransform = computed(() => {\r\n    const bufferValue = this.clampedBufferValue();\r\n    return `scaleX(${bufferValue / 100})`;\r\n  });\r\n\r\n  /**\r\n   * Clamps a value between 0 and 100\r\n   */\r\n  private _clamp(value: number): number {\r\n    return Math.max(0, Math.min(100, value || 0));\r\n  }\r\n}\r\n","<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n  <!-- Buffer bar (for buffer mode) -->\r\n  @if (mode() === 'buffer') {\r\n    <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n    <div class=\"fui-progressbar__buffer-dots\"></div>\r\n  }\r\n\r\n  <!-- Primary progress bar -->\r\n  <div\r\n    class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n    [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n  ></div>\r\n\r\n  <!-- Secondary bar (for indeterminate/query modes) -->\r\n  @if (mode() === 'indeterminate' || mode() === 'query') {\r\n    <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n  }\r\n</div>\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-radio.mjs

@@ -12,6 +12,7 @@ class FuiRadioButtonComponent {
     value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
         transform: booleanAttribute });
+    disableRipple = input(false, { ...(ngDevMode ? { debugName: "disableRipple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
     ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
     // Internal state (set by parent group)
@@ -64,7 +65,7 @@ class FuiRadioButtonComponent {
         this.inputElement()?.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.6", type: FuiRadioButtonComponent, isStandalone: true, selector: "fui-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-radio-button--checked": "_checked()", "class.fui-radio-button--disabled": "isDisabled()", "class.fui-radio-button--focused": "_focused()", "attr.id": "id" }, classAttribute: "fui-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-radio-button__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"radio\"\r\n      class=\"fui-radio-button__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"_name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"_checked()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-checked]=\"_checked()\"\r\n      [attr.aria-disabled]=\"isDisabled() || null\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.tabindex]=\"_tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown)=\"onKeydown($event)\"\r\n    />\r\n    <span class=\"fui-radio-button__outer-circle\"></span>\r\n    <span class=\"fui-radio-button__inner-circle\"></span>\r\n  </span>\r\n  <span class=\"fui-radio-button__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\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-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiRadioButtonComponent, isStandalone: true, selector: "fui-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-radio-button--checked": "_checked()", "class.fui-radio-button--disabled": "isDisabled()", "class.fui-radio-button--focused": "_focused()", "attr.id": "id" }, classAttribute: "fui-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-radio-button__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"radio\"\r\n      class=\"fui-radio-button__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"_name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"_checked()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-checked]=\"_checked()\"\r\n      [attr.aria-disabled]=\"isDisabled() || null\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.tabindex]=\"_tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown)=\"onKeydown($event)\"\r\n    />\r\n    <span class=\"fui-radio-button__outer-circle\"></span>\r\n    <span class=\"fui-radio-button__inner-circle\"></span>\r\n    @if (!disableRipple() && !isDisabled()) {\r\n      <span class=\"fui-radio-button__ripple\"></span>\r\n    }\r\n  </span>\r\n  <span class=\"fui-radio-button__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\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-radio-group{--fui-radio-group-gap: var(--fui-gap-12, .75rem);--fui-radio-group-gap-horizontal: var(--fui-gap-20, 1.25rem);display:flex;flex-direction:column;gap:var(--fui-radio-group-gap)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-radio-group-gap-horizontal)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 1.125rem;--fui-radio-inner-size: .5rem;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-white);--fui-radio-border-color: var(--fui-border-color);--fui-radio-checked-bg: var(--fui-primary-30);--fui-radio-checked-color: var(--fui-primary);--fui-radio-label-gap: var(--fui-spacing-03, .5rem);--fui-radio-label-font-size: var(--fui-font-size-02);display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-radio-label-gap)}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-radio-size);height:var(--fui-radio-size)}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:var(--fui-radio-size);height:var(--fui-radio-size);border:var(--fui-radio-border-width) solid var(--fui-radio-border-color);border-radius:50%;background-color:var(--fui-radio-active-bg);transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:var(--fui-radio-inner-size);height:var(--fui-radio-inner-size);border-radius:50%;background-color:var(--fui-radio-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button__ripple{position:absolute;top:50%;left:50%;width:calc(var(--fui-radio-size) * 1.3);height:calc(var(--fui-radio-size) * 1.3);transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-radio-border-color);opacity:0;z-index:-1;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{border-color:var(--fui-primary-hover)}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__ripple{opacity:.8}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__ripple{opacity:.08}.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-radio-checked-bg);border-color:var(--fui-radio-checked-color)}.fui-radio-button--checked .fui-radio-button__inner-circle{opacity:1;transform:scale(1)}.fui-radio-button--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled);pointer-events:none}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-text-disabled);background-color:transparent}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-button--disabled .fui-radio-button__ripple{display:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-width:3px;border-color:CanvasText}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-radio-button__outer-circle,.fui-radio-button__inner-circle,.fui-radio-button__ripple{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioButtonComponent, decorators: [{
             type: Component,
@@ -74,8 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[class.fui-radio-button--disabled]': 'isDisabled()',
                         '[class.fui-radio-button--focused]': '_focused()',
                         '[attr.id]': 'id',
-                    }, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-radio-button__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"radio\"\r\n      class=\"fui-radio-button__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"_name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"_checked()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-checked]=\"_checked()\"\r\n      [attr.aria-disabled]=\"isDisabled() || null\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.tabindex]=\"_tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown)=\"onKeydown($event)\"\r\n    />\r\n    <span class=\"fui-radio-button__outer-circle\"></span>\r\n    <span class=\"fui-radio-button__inner-circle\"></span>\r\n  </span>\r\n  <span class=\"fui-radio-button__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\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-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
+                    }, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n  <span class=\"fui-radio-button__frame\">\r\n    <input\r\n      #inputElement\r\n      type=\"radio\"\r\n      class=\"fui-radio-button__native-control\"\r\n      [id]=\"inputId\"\r\n      [name]=\"_name()\"\r\n      [value]=\"value()\"\r\n      [checked]=\"_checked()\"\r\n      [disabled]=\"isDisabled()\"\r\n      [attr.aria-checked]=\"_checked()\"\r\n      [attr.aria-disabled]=\"isDisabled() || null\"\r\n      [attr.aria-label]=\"ariaLabel()\"\r\n      [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n      [attr.tabindex]=\"_tabIndex()\"\r\n      (change)=\"onInputChange($event)\"\r\n      (focus)=\"onFocus()\"\r\n      (blur)=\"onBlur()\"\r\n      (keydown)=\"onKeydown($event)\"\r\n    />\r\n    <span class=\"fui-radio-button__outer-circle\"></span>\r\n    <span class=\"fui-radio-button__inner-circle\"></span>\r\n    @if (!disableRipple() && !isDisabled()) {\r\n      <span class=\"fui-radio-button__ripple\"></span>\r\n    }\r\n  </span>\r\n  <span class=\"fui-radio-button__label\">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</label>\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-radio-group{--fui-radio-group-gap: var(--fui-gap-12, .75rem);--fui-radio-group-gap-horizontal: var(--fui-gap-20, 1.25rem);display:flex;flex-direction:column;gap:var(--fui-radio-group-gap)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-radio-group-gap-horizontal)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 1.125rem;--fui-radio-inner-size: .5rem;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-white);--fui-radio-border-color: var(--fui-border-color);--fui-radio-checked-bg: var(--fui-primary-30);--fui-radio-checked-color: var(--fui-primary);--fui-radio-label-gap: var(--fui-spacing-03, .5rem);--fui-radio-label-font-size: var(--fui-font-size-02);display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-radio-label-gap)}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-radio-size);height:var(--fui-radio-size)}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:var(--fui-radio-size);height:var(--fui-radio-size);border:var(--fui-radio-border-width) solid var(--fui-radio-border-color);border-radius:50%;background-color:var(--fui-radio-active-bg);transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:var(--fui-radio-inner-size);height:var(--fui-radio-inner-size);border-radius:50%;background-color:var(--fui-radio-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button__ripple{position:absolute;top:50%;left:50%;width:calc(var(--fui-radio-size) * 1.3);height:calc(var(--fui-radio-size) * 1.3);transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-radio-border-color);opacity:0;z-index:-1;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{border-color:var(--fui-primary-hover)}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__ripple{opacity:.8}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__ripple{opacity:.08}.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-radio-checked-bg);border-color:var(--fui-radio-checked-color)}.fui-radio-button--checked .fui-radio-button__inner-circle{opacity:1;transform:scale(1)}.fui-radio-button--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled);pointer-events:none}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-text-disabled);background-color:transparent}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-button--disabled .fui-radio-button__ripple{display:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-width:3px;border-color:CanvasText}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-radio-button__outer-circle,.fui-radio-button__inner-circle,.fui-radio-button__ripple{transition:none}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
 
 class FuiRadioGroupComponent {
     static nextId = 0;
@@ -229,7 +230,7 @@ class FuiRadioGroupComponent {
                 multi: true,
             },
             { provide: FUI_RADIO_GROUP, useExisting: FuiRadioGroupComponent },
-        ], queries: [{ propertyName: "radioButtons", predicate: FuiRadioButtonComponent, 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-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "radioButtons", predicate: FuiRadioButtonComponent, 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-radio-group{--fui-radio-group-gap: var(--fui-gap-12, .75rem);--fui-radio-group-gap-horizontal: var(--fui-gap-20, 1.25rem);display:flex;flex-direction:column;gap:var(--fui-radio-group-gap)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-radio-group-gap-horizontal)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 1.125rem;--fui-radio-inner-size: .5rem;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-white);--fui-radio-border-color: var(--fui-border-color);--fui-radio-checked-bg: var(--fui-primary-30);--fui-radio-checked-color: var(--fui-primary);--fui-radio-label-gap: var(--fui-spacing-03, .5rem);--fui-radio-label-font-size: var(--fui-font-size-02);display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-radio-label-gap)}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-radio-size);height:var(--fui-radio-size)}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:var(--fui-radio-size);height:var(--fui-radio-size);border:var(--fui-radio-border-width) solid var(--fui-radio-border-color);border-radius:50%;background-color:var(--fui-radio-active-bg);transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:var(--fui-radio-inner-size);height:var(--fui-radio-inner-size);border-radius:50%;background-color:var(--fui-radio-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button__ripple{position:absolute;top:50%;left:50%;width:calc(var(--fui-radio-size) * 1.3);height:calc(var(--fui-radio-size) * 1.3);transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-radio-border-color);opacity:0;z-index:-1;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{border-color:var(--fui-primary-hover)}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__ripple{opacity:.8}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__ripple{opacity:.08}.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-radio-checked-bg);border-color:var(--fui-radio-checked-color)}.fui-radio-button--checked .fui-radio-button__inner-circle{opacity:1;transform:scale(1)}.fui-radio-button--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled);pointer-events:none}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-text-disabled);background-color:transparent}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-button--disabled .fui-radio-button__ripple{display:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-width:3px;border-color:CanvasText}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-radio-button__outer-circle,.fui-radio-button__inner-circle,.fui-radio-button__ripple{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioGroupComponent, decorators: [{
             type: Component,
@@ -249,7 +250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                             multi: true,
                         },
                         { provide: FUI_RADIO_GROUP, useExisting: FuiRadioGroupComponent },
-                    ], 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-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{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)}}.fui-radio-group{--fui-radio-group-gap: var(--fui-gap-12, .75rem);--fui-radio-group-gap-horizontal: var(--fui-gap-20, 1.25rem);display:flex;flex-direction:column;gap:var(--fui-radio-group-gap)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-radio-group-gap-horizontal)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 1.125rem;--fui-radio-inner-size: .5rem;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-white);--fui-radio-border-color: var(--fui-border-color);--fui-radio-checked-bg: var(--fui-primary-30);--fui-radio-checked-color: var(--fui-primary);--fui-radio-label-gap: var(--fui-spacing-03, .5rem);--fui-radio-label-font-size: var(--fui-font-size-02);display:inline-flex;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{display:inline-flex;align-items:center;cursor:inherit;gap:var(--fui-radio-label-gap)}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--fui-radio-size);height:var(--fui-radio-size)}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:var(--fui-radio-size);height:var(--fui-radio-size);border:var(--fui-radio-border-width) solid var(--fui-radio-border-color);border-radius:50%;background-color:var(--fui-radio-active-bg);transition:background-color,border-color,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:var(--fui-radio-inner-size);height:var(--fui-radio-inner-size);border-radius:50%;background-color:var(--fui-radio-checked-color);opacity:0;transform:scale(.5);transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-font-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button__ripple{position:absolute;top:50%;left:50%;width:calc(var(--fui-radio-size) * 1.3);height:calc(var(--fui-radio-size) * 1.3);transform:translate(-50%,-50%);border-radius:50%;background-color:var(--fui-radio-border-color);opacity:0;z-index:-1;pointer-events:none;transition:opacity,transform var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{border-color:var(--fui-primary-hover)}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__ripple{opacity:.8}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--focused:not(.fui-radio-button--disabled) .fui-radio-button__ripple{opacity:.08}.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-radio-checked-bg);border-color:var(--fui-radio-checked-color)}.fui-radio-button--checked .fui-radio-button__inner-circle{opacity:1;transform:scale(1)}.fui-radio-button--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled);pointer-events:none}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-text-disabled);background-color:transparent}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-text-disabled);border-color:var(--fui-text-disabled)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-button--disabled .fui-radio-button__ripple{display:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-state-error);border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-white)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-width:3px;border-color:CanvasText}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline-width:3px}}@media(prefers-reduced-motion:reduce){.fui-radio-button__outer-circle,.fui-radio-button__inner-circle,.fui-radio-button__ripple{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], errorStateMatcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorStateMatcher", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], radioButtons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FuiRadioButtonComponent), { isSignal: true }] }] } });
 
 /**