npm - @raintonic/formaui - Versions diffs - 0.4.0 → 0.9.0 - Mend

@raintonic/formaui 0.4.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (238) hide show

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

	@@ -1 +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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"}
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 document.removeEventListener('click', this._onDocumentClick, true);\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 CHANGED Viewed

@@ -141,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-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 });
+    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--warning": "color() === \"warning\"", "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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@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-radius-pill);--fui-progressbar-track: var(--fui-neutral-40);--fui-progressbar-bar: var(--fui-primary-bg);--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-neutral-40));border-radius:var(--fui-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-radius-pill);transition-property:transform;transition-duration:var(--fui-duration-moderate);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary-bg))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary-bg));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-radius-pill);transition-property:transform;transition-duration:var(--fui-duration-moderate);transition-timing-function:var(--fui-ease-in-out);transition-delay: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-neutral-40)) 0px,var(--fui-progressbar-track, var(--fui-neutral-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-bg);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-neutral-80);--fui-progressbar-buffer: var(--fui-neutral-50);--fui-progressbar-track: var(--fui-neutral-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-error-90);--fui-progressbar-buffer: var(--fui-error-50);--fui-progressbar-track: var(--fui-error-30)}.fui-progressbar--warning{--fui-progressbar-bar: var(--fui-warning-90);--fui-progressbar-buffer: var(--fui-warning-50);--fui-progressbar-track: var(--fui-warning-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,
@@ -154,6 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[class.fui-progressbar--primary]': 'color() === "primary"',
                         '[class.fui-progressbar--accent]': 'color() === "accent"',
                         '[class.fui-progressbar--warn]': 'color() === "warn"',
+                        '[class.fui-progressbar--warning]': 'color() === "warning"',
                         '[class.fui-progressbar--success]': 'color() === "success"',
                         '[class.fui-progressbar--info]': 'color() === "info"',
                         role: 'progressbar',
@@ -162,7 +163,7 @@ 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-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"] }]
+                    }, 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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}@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-radius-pill);--fui-progressbar-track: var(--fui-neutral-40);--fui-progressbar-bar: var(--fui-primary-bg);--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-neutral-40));border-radius:var(--fui-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-radius-pill);transition-property:transform;transition-duration:var(--fui-duration-moderate);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary-bg))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary-bg));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-radius-pill);transition-property:transform;transition-duration:var(--fui-duration-moderate);transition-timing-function:var(--fui-ease-in-out);transition-delay: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-neutral-40)) 0px,var(--fui-progressbar-track, var(--fui-neutral-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-bg);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-neutral-80);--fui-progressbar-buffer: var(--fui-neutral-50);--fui-progressbar-track: var(--fui-neutral-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-error-90);--fui-progressbar-buffer: var(--fui-error-50);--fui-progressbar-track: var(--fui-error-30)}.fui-progressbar--warning{--fui-progressbar-bar: var(--fui-warning-90);--fui-progressbar-buffer: var(--fui-warning-50);--fui-progressbar-track: var(--fui-warning-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 }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"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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"}
1	+ {"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' \| 'warning' \| '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--warning]': 'color() === \"warning\"',\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 CHANGED Viewed

@@ -12,7 +12,6 @@ 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)
@@ -65,7 +64,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.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 });
+    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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{--fui-radio-group-gap: var(--fui-spacing-6, .75rem);--fui-radio-group-gap-horizontal: var(--fui-spacing-8, 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-state-disabled-opacity, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 18px;--fui-radio-inner-size: 8px;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-text-on-fill);--fui-radio-border-color: var(--fui-primary-bg);--fui-radio-checked-bg: var(--fui-primary-muted);--fui-radio-checked-color: var(--fui-primary-bg);--fui-radio-hover-bg: var(--fui-primary-muted);--fui-radio-label-gap: var(--fui-spacing-4, .5rem);--fui-radio-label-font-size: var(--fui-text-base);display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{width:100%;height:100%;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-10)}.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-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-radio-button__outer-circle:hover{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-border-primary)}.fui-radio-button__inner-circle{position:absolute;top:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);left:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);box-sizing:border-box;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-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-radio-button__label{font-family:var(--fui-font-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-radio-border-color)}.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}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-radio-button--disabled .fui-radio-button__inner-circle{background-color:var(--fui-bg-muted)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:transparent;border:var(--fui-radio-border-width) solid var(--fui-text-disabled);opacity:1;transform:scale(1)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-text-on-fill)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-text-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{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,
@@ -75,8 +74,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    @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 }] }] } });
+                    }, 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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{--fui-radio-group-gap: var(--fui-spacing-6, .75rem);--fui-radio-group-gap-horizontal: var(--fui-spacing-8, 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-state-disabled-opacity, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 18px;--fui-radio-inner-size: 8px;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-text-on-fill);--fui-radio-border-color: var(--fui-primary-bg);--fui-radio-checked-bg: var(--fui-primary-muted);--fui-radio-checked-color: var(--fui-primary-bg);--fui-radio-hover-bg: var(--fui-primary-muted);--fui-radio-label-gap: var(--fui-spacing-4, .5rem);--fui-radio-label-font-size: var(--fui-text-base);display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{width:100%;height:100%;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-10)}.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-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-radio-button__outer-circle:hover{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-border-primary)}.fui-radio-button__inner-circle{position:absolute;top:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);left:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);box-sizing:border-box;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-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-radio-button__label{font-family:var(--fui-font-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-radio-border-color)}.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}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-radio-button--disabled .fui-radio-button__inner-circle{background-color:var(--fui-bg-muted)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:transparent;border:var(--fui-radio-border-width) solid var(--fui-text-disabled);opacity:1;transform:scale(1)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-text-on-fill)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-text-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{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 }] }] } });
 class FuiRadioGroupComponent {
     static nextId = 0;
@@ -230,7 +229,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)}@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 });
+        ], 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-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{--fui-radio-group-gap: var(--fui-spacing-6, .75rem);--fui-radio-group-gap-horizontal: var(--fui-spacing-8, 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-state-disabled-opacity, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 18px;--fui-radio-inner-size: 8px;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-text-on-fill);--fui-radio-border-color: var(--fui-primary-bg);--fui-radio-checked-bg: var(--fui-primary-muted);--fui-radio-checked-color: var(--fui-primary-bg);--fui-radio-hover-bg: var(--fui-primary-muted);--fui-radio-label-gap: var(--fui-spacing-4, .5rem);--fui-radio-label-font-size: var(--fui-text-base);display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{width:100%;height:100%;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-10)}.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-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-radio-button__outer-circle:hover{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-border-primary)}.fui-radio-button__inner-circle{position:absolute;top:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);left:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);box-sizing:border-box;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-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-radio-button__label{font-family:var(--fui-font-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-radio-border-color)}.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}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-radio-button--disabled .fui-radio-button__inner-circle{background-color:var(--fui-bg-muted)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:transparent;border:var(--fui-radio-border-width) solid var(--fui-text-disabled);opacity:1;transform:scale(1)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-text-on-fill)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-text-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{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,
@@ -250,7 +249,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)}@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"] }]
+                    ], template: "<ng-content></ng-content>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-motion-fade-out{transition-property:opacity;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in);transition-delay:0ms}.fui-motion-slide-in-bottom{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition-property:transform;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition-property:transform,opacity;transition-duration:var(--fui-duration-base);transition-timing-function:var(--fui-ease-out);transition-delay:0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-base) var(--fui-ease-out)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{--fui-radio-group-gap: var(--fui-spacing-6, .75rem);--fui-radio-group-gap-horizontal: var(--fui-spacing-8, 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-state-disabled-opacity, .38);cursor:not-allowed}.fui-radio-button{--fui-radio-size: 18px;--fui-radio-inner-size: 8px;--fui-radio-border-width: 1px;--fui-radio-active-bg: var(--fui-text-on-fill);--fui-radio-border-color: var(--fui-primary-bg);--fui-radio-checked-bg: var(--fui-primary-muted);--fui-radio-checked-color: var(--fui-primary-bg);--fui-radio-hover-bg: var(--fui-primary-muted);--fui-radio-label-gap: var(--fui-spacing-4, .5rem);--fui-radio-label-font-size: var(--fui-text-base);display:inline-flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.fui-radio-button__container{width:100%;height:100%;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-10)}.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-property:background-color,border-color,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-in-out);transition-delay:0ms}.fui-radio-button__outer-circle:hover{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-border-primary)}.fui-radio-button__inner-circle{position:absolute;top:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);left:calc((var(--fui-radio-size) - var(--fui-radio-inner-size)) / 2);box-sizing:border-box;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-property:opacity,transform;transition-duration:var(--fui-duration-fast);transition-timing-function:var(--fui-ease-out);transition-delay:0ms}.fui-radio-button__label{font-family:var(--fui-font-sans);font-size:var(--fui-radio-label-font-size);font-weight:var(--fui-weight-regular);line-height:1.5;color:var(--fui-text-primary);cursor:inherit}.fui-radio-button:not(.fui-radio-button--disabled):hover .fui-radio-button__outer-circle{background-color:var(--fui-radio-hover-bg);border-color:var(--fui-radio-border-color)}.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}.fui-radio-button--disabled .fui-radio-button__outer-circle{border-color:var(--fui-border-default);background-color:var(--fui-bg-muted)}.fui-radio-button--disabled .fui-radio-button__inner-circle{background-color:var(--fui-bg-muted)}.fui-radio-button--disabled.fui-radio-button--checked .fui-radio-button__inner-circle{background-color:transparent;border:var(--fui-radio-border-width) solid var(--fui-text-disabled);opacity:1;transform:scale(1)}.fui-radio-button--disabled .fui-radio-button__label{color:var(--fui-text-disabled)}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__outer-circle{background-color:var(--fui-fill-error);border-color:var(--fui-border-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-text-on-fill)}.fui-radio-group--error .fui-radio-button__label{color:var(--fui-text-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{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 }] }] } });
 /**