@raintonic/formaui 0.2.0 → 0.3.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.
- package/CHANGELOG.md +104 -7
- package/LICENSE +21 -0
- package/README.md +199 -145
- package/fesm2022/raintonic-formaui-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-form-field.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs +0 -26
- package/fesm2022/raintonic-formaui-cdk-overlay.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs +2 -2
- package/fesm2022/raintonic-formaui-cdk-virtual-scroll.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-accordion.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-accordion.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-alert.mjs +24 -5
- package/fesm2022/raintonic-formaui-components-alert.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs +38 -9
- package/fesm2022/raintonic-formaui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-avatar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-badge.mjs +45 -31
- package/fesm2022/raintonic-formaui-components-badge.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-big-menu.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-big-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-breadcrumb.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button-group.mjs +6 -6
- package/fesm2022/raintonic-formaui-components-button-group.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-button.mjs +63 -17
- package/fesm2022/raintonic-formaui-components-button.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-card.mjs +8 -8
- package/fesm2022/raintonic-formaui-components-card.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-checkbox.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-checkbox.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-data-table.mjs +67 -9
- package/fesm2022/raintonic-formaui-components-data-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-date-picker.mjs +63 -16
- package/fesm2022/raintonic-formaui-components-date-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-divider.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-divider.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-drawer.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-drawer.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-empty-state.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-empty-state.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-file-upload.mjs +25 -5
- package/fesm2022/raintonic-formaui-components-file-upload.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-form-field.mjs +21 -6
- package/fesm2022/raintonic-formaui-components-form-field.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-icon.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-icon.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs +1 -1
- package/fesm2022/raintonic-formaui-components-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-list.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-list.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-menu.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-menu.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-number-input.mjs +20 -5
- package/fesm2022/raintonic-formaui-components-number-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-paginator.mjs +27 -7
- package/fesm2022/raintonic-formaui-components-paginator.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-password-input.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-password-input.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-popover.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-popover.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-progressbar.mjs +32 -7
- package/fesm2022/raintonic-formaui-components-progressbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-radio.mjs +4 -4
- package/fesm2022/raintonic-formaui-components-radio.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-select.mjs +41 -26
- package/fesm2022/raintonic-formaui-components-select.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-side-panel.mjs +19 -4
- package/fesm2022/raintonic-formaui-components-side-panel.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-sidebar.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-sidebar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-skeleton.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-skeleton.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-slider.mjs +23 -5
- package/fesm2022/raintonic-formaui-components-slider.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-spinner.mjs +24 -7
- package/fesm2022/raintonic-formaui-components-spinner.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-stepper.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-stepper.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tab.mjs +10 -10
- package/fesm2022/raintonic-formaui-components-tab.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tag.mjs +21 -4
- package/fesm2022/raintonic-formaui-components-tag.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-time-picker.mjs +26 -7
- package/fesm2022/raintonic-formaui-components-time-picker.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toggle.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-toggle.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-toolbar.mjs +41 -7
- package/fesm2022/raintonic-formaui-components-toolbar.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tooltip.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tooltip.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree-select.mjs +2 -2
- package/fesm2022/raintonic-formaui-components-tree-select.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree-table.mjs +35 -6
- package/fesm2022/raintonic-formaui-components-tree-table.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-components-tree.mjs +25 -7
- package/fesm2022/raintonic-formaui-components-tree.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-core.mjs +25 -1
- package/fesm2022/raintonic-formaui-core.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-dialog.mjs +37 -37
- package/fesm2022/raintonic-formaui-services-dialog.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-notification.mjs +2 -2
- package/fesm2022/raintonic-formaui-services-notification.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-services-theme.mjs +3 -3
- package/fesm2022/raintonic-formaui-services-theme.mjs.map +1 -1
- package/fesm2022/raintonic-formaui-test-utils.mjs +21 -16
- package/fesm2022/raintonic-formaui-test-utils.mjs.map +1 -1
- package/fesm2022/raintonic-formaui.mjs +1 -1
- package/fesm2022/raintonic-formaui.mjs.map +1 -1
- package/llms-full.txt +36 -122
- package/llms.txt +4 -5
- package/package.json +1 -5
- package/styles/index.scss +5 -5
- package/styles/partials/_motion.scss +25 -0
- package/styles/partials/_theme.scss +6 -5
- package/styles/partials/components/_button.scss +361 -0
- package/styles/partials/components/_dialog.scss +180 -0
- package/styles/partials/components/_overlay.scss +87 -0
- package/styles/partials/themes/_dark.scss +14 -0
- package/styles/partials/themes/_light.scss +14 -0
- package/types/raintonic-formaui-cdk-overlay.d.ts +0 -1
- package/types/raintonic-formaui-cdk-overlay.d.ts.map +1 -1
- package/types/raintonic-formaui-components-alert.d.ts +11 -1
- package/types/raintonic-formaui-components-alert.d.ts.map +1 -1
- package/types/raintonic-formaui-components-autocomplete.d.ts +25 -7
- package/types/raintonic-formaui-components-autocomplete.d.ts.map +1 -1
- package/types/raintonic-formaui-components-badge.d.ts +20 -9
- package/types/raintonic-formaui-components-badge.d.ts.map +1 -1
- package/types/raintonic-formaui-components-big-menu.d.ts +12 -1
- package/types/raintonic-formaui-components-big-menu.d.ts.map +1 -1
- package/types/raintonic-formaui-components-breadcrumb.d.ts +11 -2
- package/types/raintonic-formaui-components-breadcrumb.d.ts.map +1 -1
- package/types/raintonic-formaui-components-button-group.d.ts +6 -6
- package/types/raintonic-formaui-components-button.d.ts +9 -7
- package/types/raintonic-formaui-components-button.d.ts.map +1 -1
- package/types/raintonic-formaui-components-card.d.ts +4 -4
- package/types/raintonic-formaui-components-checkbox.d.ts +1 -1
- package/types/raintonic-formaui-components-data-table.d.ts +56 -16
- package/types/raintonic-formaui-components-data-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-date-picker.d.ts +32 -4
- package/types/raintonic-formaui-components-date-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-drawer.d.ts +10 -1
- package/types/raintonic-formaui-components-drawer.d.ts.map +1 -1
- package/types/raintonic-formaui-components-file-upload.d.ts +12 -1
- package/types/raintonic-formaui-components-file-upload.d.ts.map +1 -1
- package/types/raintonic-formaui-components-form-field.d.ts +12 -2
- package/types/raintonic-formaui-components-form-field.d.ts.map +1 -1
- package/types/raintonic-formaui-components-input.d.ts +1 -1
- package/types/raintonic-formaui-components-number-input.d.ts +11 -2
- package/types/raintonic-formaui-components-number-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-paginator.d.ts +13 -1
- package/types/raintonic-formaui-components-paginator.d.ts.map +1 -1
- package/types/raintonic-formaui-components-password-input.d.ts +12 -2
- package/types/raintonic-formaui-components-password-input.d.ts.map +1 -1
- package/types/raintonic-formaui-components-progressbar.d.ts +14 -1
- package/types/raintonic-formaui-components-progressbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-select.d.ts.map +1 -1
- package/types/raintonic-formaui-components-side-panel.d.ts +10 -1
- package/types/raintonic-formaui-components-side-panel.d.ts.map +1 -1
- package/types/raintonic-formaui-components-sidebar.d.ts +12 -1
- package/types/raintonic-formaui-components-sidebar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-slider.d.ts +12 -1
- package/types/raintonic-formaui-components-slider.d.ts.map +1 -1
- package/types/raintonic-formaui-components-spinner.d.ts +12 -2
- package/types/raintonic-formaui-components-spinner.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tag.d.ts +10 -1
- package/types/raintonic-formaui-components-tag.d.ts.map +1 -1
- package/types/raintonic-formaui-components-time-picker.d.ts +14 -2
- package/types/raintonic-formaui-components-time-picker.d.ts.map +1 -1
- package/types/raintonic-formaui-components-toggle.d.ts +1 -1
- package/types/raintonic-formaui-components-toolbar.d.ts +22 -4
- package/types/raintonic-formaui-components-toolbar.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree-table.d.ts +29 -4
- package/types/raintonic-formaui-components-tree-table.d.ts.map +1 -1
- package/types/raintonic-formaui-components-tree.d.ts +12 -1
- package/types/raintonic-formaui-components-tree.d.ts.map +1 -1
- package/types/raintonic-formaui-core.d.ts +19 -2
- package/types/raintonic-formaui-core.d.ts.map +1 -1
- package/types/raintonic-formaui-services-dialog.d.ts +1 -1
- package/types/raintonic-formaui-services-theme.d.ts +3 -3
- package/types/raintonic-formaui-test-utils.d.ts +15 -2
- package/types/raintonic-formaui-test-utils.d.ts.map +1 -1
- package/types/raintonic-formaui.d.ts +1 -1
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs +0 -266
- package/fesm2022/raintonic-formaui-components-dynamic-form.mjs.map +0 -1
- package/types/raintonic-formaui-components-dynamic-form.d.ts +0 -412
- package/types/raintonic-formaui-components-dynamic-form.d.ts.map +0 -1
|
@@ -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';\nimport { PopoverPosition } from './popover.types';\n\n/**\n * # FuiPopoverComponent\n *\n * Internal popover container component rendered inside the overlay.\n * Provides a styled panel with optional arrow indicator.\n *\n * ## Usage\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\n */\n@Component({\n selector: 'fui-popover',\n standalone: true,\n imports: [],\n templateUrl: './popover.component.html',\n styleUrl: './popover.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fui-popover',\n '[class]': 'computedClasses()',\n },\n})\nexport class FuiPopoverComponent {\n /** Whether to show the arrow indicator */\n readonly hasArrow = input(true);\n\n /** Position of the popover relative to the trigger element, used for arrow calculation */\n readonly position = input<PopoverPosition>('bottom');\n\n /** Computed CSS classes for the popover */\n readonly computedClasses: Signal<string> = computed(() => {\n const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\n\n if (this.hasArrow()) {\n classes.push('fui-popover--with-arrow');\n }\n\n return classes.join(' ');\n });\n\n /** Computed arrow classes based on position */\n readonly arrowClasses: Signal<string> = computed(() => {\n const position = this.position();\n const baseClass = 'fui-popover__arrow';\n\n if (position.startsWith('top')) {\n return `${baseClass} ${baseClass}--bottom`;\n } else if (position.startsWith('bottom')) {\n return `${baseClass} ${baseClass}--top`;\n } else if (position.startsWith('left')) {\n return `${baseClass} ${baseClass}--right`;\n } else if (position.startsWith('right')) {\n return `${baseClass} ${baseClass}--left`;\n }\n\n return baseClass;\n });\n}\n","<div class=\"fui-popover__panel\" role=\"dialog\">\n @if (hasArrow()) {\n <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n }\n <div class=\"fui-popover__content\">\n <ng-content></ng-content>\n </div>\n</div>\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\nexport type PopoverPosition =\n | 'top'\n | 'bottom'\n | 'left'\n | 'right'\n | 'top-start'\n | 'top-end'\n | 'bottom-start'\n | 'bottom-end'\n | 'left-start'\n | 'left-end'\n | 'right-start'\n | 'right-end';\n\nexport const POPOVER_POSITIONS = [\n 'top',\n 'bottom',\n 'left',\n 'right',\n 'top-start',\n 'top-end',\n 'bottom-start',\n 'bottom-end',\n 'left-start',\n 'left-end',\n 'right-start',\n 'right-end',\n] as const;\n\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\n","import {\n Directive,\n ElementRef,\n input,\n output,\n effect,\n HostListener,\n inject,\n OnDestroy,\n booleanAttribute,\n numberAttribute,\n TemplateRef,\n EmbeddedViewRef,\n signal,\n WritableSignal,\n} from '@angular/core';\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\nimport { Subscription } from 'rxjs';\n\n/**\n * # PopoverTrigger Directive\n *\n * A directive that triggers a popover overlay anchored to the host element.\n * Supports click, hover, focus, and manual trigger modes with configurable\n * positioning, delays, and arrow indicators.\n *\n * ## Usage\n *\n * ### Basic Click Popover\n * ```html\n * <ng-template #popoverContent>\n * <p>Popover content here</p>\n * </ng-template>\n *\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\n * ```\n *\n * ### Hover with Position\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n * fuiPopoverTriggerOn=\"hover\"\n * fuiPopoverPosition=\"top\">\n * Hover Me\n * </button>\n * ```\n *\n * ### Manual Control\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n * fuiPopoverTriggerOn=\"manual\"\n * [fuiPopoverOpen]=\"isOpen\">\n * Manual Popover\n * </button>\n * ```\n */\n@Directive({\n selector: '[fuiPopoverTrigger]',\n standalone: true,\n host: {\n '[attr.aria-haspopup]': '\"dialog\"',\n '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\n },\n})\nexport class FuiPopoverTriggerDirective implements OnDestroy {\n /** Template ref for the popover content */\n readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\n\n /** Position of the popover relative to the trigger element */\n readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\n transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\n });\n\n /** Trigger mode for showing/hiding the popover */\n readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\n transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\n });\n\n /** Delay before showing the popover (in milliseconds) */\n readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n /** Delay before hiding the popover (in milliseconds) */\n readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n /** Whether to show the arrow indicator */\n readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n /** Whether to close on outside click */\n readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n /** Whether the popover trigger is disabled */\n readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\n readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n /** Emits when the popover is opened */\n readonly fuiPopoverOpened = output();\n\n /** Emits when the popover is closed */\n readonly fuiPopoverClosed = output();\n\n // Internal state\n readonly _isOpen: WritableSignal<boolean> = signal(false);\n private _overlayRef: FuiOverlayRef | null = null;\n private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\n private _showTimeout: number | null = null;\n private _hideTimeout: number | null = null;\n private _subscriptions: Subscription[] = [];\n\n // Injected dependencies\n private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\n\n constructor() {\n // Handle manual control\n effect(() => {\n if (this.fuiPopoverTriggerOn() === 'manual') {\n if (this.fuiPopoverOpen()) {\n this._showPopover();\n } else {\n this._hidePopover();\n }\n }\n });\n\n // Handle disabled state\n effect(() => {\n if (this.fuiPopoverDisabled() && this._isOpen()) {\n this._hidePopover();\n }\n });\n }\n\n ngOnDestroy(): void {\n this._clearTimeouts();\n this._destroyPopover();\n }\n\n @HostListener('click')\n onHostClick(): void {\n if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\n if (this._isOpen()) {\n this._hidePopover();\n } else {\n this._showPopover();\n }\n }\n }\n\n @HostListener('mouseenter')\n onMouseEnter(): void {\n if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n this._scheduleShow();\n }\n }\n\n @HostListener('mouseleave')\n onMouseLeave(): void {\n if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n this._scheduleHide();\n }\n }\n\n @HostListener('focus')\n onFocus(): void {\n if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n this._scheduleShow();\n }\n }\n\n @HostListener('blur')\n onBlur(): void {\n if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n this._scheduleHide();\n }\n }\n\n @HostListener('keydown', ['$event'])\n onKeydown(event: KeyboardEvent): void {\n if (event.key === 'Escape' && this._isOpen()) {\n this._hidePopover();\n event.preventDefault();\n }\n }\n\n /** Programmatically show the popover */\n show(): void {\n if (!this.fuiPopoverDisabled()) {\n this._showPopover();\n }\n }\n\n /** Programmatically hide the popover */\n hide(): void {\n this._hidePopover();\n }\n\n /** Toggle popover visibility */\n toggle(): void {\n if (this._isOpen()) {\n this.hide();\n } else {\n this.show();\n }\n }\n\n private _scheduleShow(): void {\n this._clearTimeouts();\n\n if (this.fuiPopoverShowDelay() > 0) {\n this._showTimeout = window.setTimeout(() => {\n this._showPopover();\n }, this.fuiPopoverShowDelay());\n } else {\n this._showPopover();\n }\n }\n\n private _scheduleHide(): void {\n this._clearTimeouts();\n\n if (this.fuiPopoverHideDelay() > 0) {\n this._hideTimeout = window.setTimeout(() => {\n this._hidePopover();\n }, this.fuiPopoverHideDelay());\n } else {\n this._hidePopover();\n }\n }\n\n private _previouslyFocusedElement: HTMLElement | null = null;\n\n private _showPopover(): void {\n if (this._isOpen() || this.fuiPopoverDisabled()) {\n return;\n }\n\n // Save the currently focused element for focus restoration\n this._previouslyFocusedElement = document.activeElement as HTMLElement;\n\n this._createPopover();\n this._isOpen.set(true);\n this.fuiPopoverOpened.emit();\n\n // Add click outside listener for click trigger\n if (this.fuiPopoverCloseOnOutsideClick()) {\n setTimeout(() => {\n document.addEventListener('click', this._onDocumentClick, true);\n });\n }\n\n // Focus the first focusable element within the popover\n setTimeout(() => {\n this._focusFirstInOverlay();\n });\n }\n\n private _hidePopover(): void {\n if (!this._isOpen()) {\n return;\n }\n\n this._isOpen.set(false);\n this._destroyPopover();\n this.fuiPopoverClosed.emit();\n document.removeEventListener('click', this._onDocumentClick, true);\n\n // Restore focus to the trigger element\n if (this._previouslyFocusedElement) {\n this._previouslyFocusedElement.focus();\n this._previouslyFocusedElement = null;\n }\n }\n\n private _focusFirstInOverlay(): void {\n const overlay = this._overlayRef?.overlayElement;\n if (!overlay) return;\n\n const focusable = overlay.querySelector<HTMLElement>(\n 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n );\n\n if (focusable) {\n focusable.focus();\n }\n }\n\n private _createPopover(): void {\n if (this._overlayRef) {\n return;\n }\n\n const positions = this._getPositions(this.fuiPopoverPosition());\n const positionStrategy = this._overlayService\n .position()\n .connectedTo(this._elementRef, positions)\n .withPush(true)\n .withViewportMargin(8);\n\n this._overlayRef = this._overlayService.create({\n positionStrategy,\n scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\n panelClass: 'fui-popover-panel',\n });\n\n // Attach the template to the overlay\n this._overlayRef.attach(this.fuiPopoverTrigger());\n\n // Subscribe to keydown events for ESC\n const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this._hidePopover();\n event.preventDefault();\n }\n });\n this._subscriptions.push(keydownSub);\n\n // Set up hover events on the overlay for hover trigger persistence\n if (this.fuiPopoverTriggerOn() === 'hover') {\n const overlayElement = this._overlayRef.overlayElement;\n overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\n overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\n }\n }\n\n private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\n const offset = 8;\n const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\n top: [\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n ],\n 'top-start': [\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n ],\n 'top-end': [\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n ],\n bottom: [\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n ],\n 'bottom-start': [\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n ],\n 'bottom-end': [\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n ],\n left: [\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n ],\n 'left-start': [\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n ],\n 'left-end': [\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n ],\n right: [\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n ],\n 'right-start': [\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n ],\n 'right-end': [\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n ],\n };\n\n return positionMap[pos] || positionMap.bottom;\n }\n\n private _destroyPopover(): void {\n // Clean up subscriptions\n this._subscriptions.forEach((sub) => {\n sub.unsubscribe();\n });\n this._subscriptions = [];\n\n // Remove hover listeners from overlay\n if (this._overlayRef) {\n const overlayElement = this._overlayRef.overlayElement;\n overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\n overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\n\n this._overlayRef.dispose();\n this._overlayRef = null;\n }\n\n this._embeddedViewRef = null;\n }\n\n private _clearTimeouts(): void {\n if (this._showTimeout) {\n clearTimeout(this._showTimeout);\n this._showTimeout = null;\n }\n if (this._hideTimeout) {\n clearTimeout(this._hideTimeout);\n this._hideTimeout = null;\n }\n }\n\n private readonly _onDocumentClick = (event: Event): void => {\n const target = event.target as HTMLElement;\n const triggerElement = this._elementRef.nativeElement;\n const overlayElement = this._overlayRef?.overlayElement;\n\n if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\n this._hidePopover();\n }\n };\n\n private readonly _onOverlayMouseEnter = (): void => {\n this._clearTimeouts();\n };\n\n private readonly _onOverlayMouseLeave = (): void => {\n if (this.fuiPopoverTriggerOn() === 'hover') {\n this._scheduleHide();\n }\n };\n}\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 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,5 +1,18 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
+
import { Injectable, inject, ChangeDetectorRef, signal, input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
|
+
import { FuiIntlBase } from '@raintonic/formaui/core';
|
|
5
|
+
|
|
6
|
+
class FuiProgressbarIntl extends FuiIntlBase {
|
|
7
|
+
loadingAriaLabel = 'Loading';
|
|
8
|
+
progressAriaLabel = 'Progress';
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
10
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, providedIn: 'root' });
|
|
11
|
+
}
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarIntl, decorators: [{
|
|
13
|
+
type: Injectable,
|
|
14
|
+
args: [{ providedIn: 'root' }]
|
|
15
|
+
}] });
|
|
3
16
|
|
|
4
17
|
/**
|
|
5
18
|
* # FuiProgressbar Component
|
|
@@ -40,6 +53,16 @@ import { input, numberAttribute, computed, ViewEncapsulation, ChangeDetectionStr
|
|
|
40
53
|
* ```
|
|
41
54
|
*/
|
|
42
55
|
class FuiProgressbarComponent {
|
|
56
|
+
intl = inject(FuiProgressbarIntl);
|
|
57
|
+
_cdr = inject(ChangeDetectorRef);
|
|
58
|
+
/** @internal — bumped when Intl mutates so computeds that read plain intl fields reinvoke. */
|
|
59
|
+
_intlTick = signal(0, ...(ngDevMode ? [{ debugName: "_intlTick" }] : /* istanbul ignore next */ []));
|
|
60
|
+
constructor() {
|
|
61
|
+
this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => {
|
|
62
|
+
this._intlTick.update((v) => v + 1);
|
|
63
|
+
this._cdr.markForCheck();
|
|
64
|
+
});
|
|
65
|
+
}
|
|
43
66
|
/**
|
|
44
67
|
* Progress bar mode (compatible with mat-progress-bar)
|
|
45
68
|
* - determinate: Shows a specific progress value
|
|
@@ -75,6 +98,8 @@ class FuiProgressbarComponent {
|
|
|
75
98
|
* default when no aria-labelledby is provided either.
|
|
76
99
|
*/
|
|
77
100
|
effectiveAriaLabel = computed(() => {
|
|
101
|
+
// Track intl mutations so this recomputes after notifyChanges()
|
|
102
|
+
this._intlTick();
|
|
78
103
|
const explicit = this.ariaLabel();
|
|
79
104
|
if (explicit)
|
|
80
105
|
return explicit;
|
|
@@ -84,8 +109,8 @@ class FuiProgressbarComponent {
|
|
|
84
109
|
// Default labels per mode
|
|
85
110
|
const m = this.mode();
|
|
86
111
|
if (m === 'indeterminate' || m === 'query')
|
|
87
|
-
return
|
|
88
|
-
return
|
|
112
|
+
return this.intl.loadingAriaLabel;
|
|
113
|
+
return this.intl.progressAriaLabel;
|
|
89
114
|
}, ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
|
|
90
115
|
/**
|
|
91
116
|
* Clamped progress value (0-100)
|
|
@@ -116,7 +141,7 @@ class FuiProgressbarComponent {
|
|
|
116
141
|
return Math.max(0, Math.min(100, value || 0));
|
|
117
142
|
}
|
|
118
143
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiProgressbarComponent, isStandalone: true, selector: "fui-progressbar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, bufferValue: { classPropertyName: "bufferValue", publicName: "bufferValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class.fui-progressbar--determinate": "mode() === \"determinate\"", "class.fui-progressbar--indeterminate": "mode() === \"indeterminate\"", "class.fui-progressbar--buffer": "mode() === \"buffer\"", "class.fui-progressbar--query": "mode() === \"query\"", "class.fui-progressbar--primary": "color() === \"primary\"", "class.fui-progressbar--accent": "color() === \"accent\"", "class.fui-progressbar--warn": "color() === \"warn\"", "class.fui-progressbar--success": "color() === \"success\"", "class.fui-progressbar--info": "color() === \"info\"", "attr.aria-valuenow": "mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.aria-label": "effectiveAriaLabel()", "attr.aria-labelledby": "ariaLabelledby()" }, classAttribute: "fui-progressbar" }, ngImport: i0, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n <!-- Buffer bar (for buffer mode) -->\r\n @if (mode() === 'buffer') {\r\n <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n <div class=\"fui-progressbar__buffer-dots\"></div>\r\n }\r\n\r\n <!-- Primary progress bar -->\r\n <div\r\n class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n ></div>\r\n\r\n <!-- Secondary bar (for indeterminate/query modes) -->\r\n @if (mode() === 'indeterminate' || mode() === 'query') {\r\n <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
144
|
+
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 });
|
|
120
145
|
}
|
|
121
146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiProgressbarComponent, decorators: [{
|
|
122
147
|
type: Component,
|
|
@@ -137,12 +162,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
137
162
|
'[attr.aria-valuemax]': '100',
|
|
138
163
|
'[attr.aria-label]': 'effectiveAriaLabel()',
|
|
139
164
|
'[attr.aria-labelledby]': 'ariaLabelledby()',
|
|
140
|
-
}, template: "<!-- Track (background) -->\r\n<div class=\"fui-progressbar__track\">\r\n <!-- Buffer bar (for buffer mode) -->\r\n @if (mode() === 'buffer') {\r\n <div class=\"fui-progressbar__buffer\" [style.transform]=\"bufferTransform()\"></div>\r\n <div class=\"fui-progressbar__buffer-dots\"></div>\r\n }\r\n\r\n <!-- Primary progress bar -->\r\n <div\r\n class=\"fui-progressbar__bar fui-progressbar__primary-bar\"\r\n [style.transform]=\"mode() === 'determinate' || mode() === 'buffer' ? primaryTransform() : null\"\r\n ></div>\r\n\r\n <!-- Secondary bar (for indeterminate/query modes) -->\r\n @if (mode() === 'indeterminate' || mode() === 'query') {\r\n <div class=\"fui-progressbar__bar fui-progressbar__secondary-bar\"></div>\r\n }\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-progressbar-primary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.4)}50%{transform:scaleX(.6)}75%{transform:scaleX(.8)}to{transform:scaleX(1)}}@keyframes fui-progressbar-secondary-indeterminate{0%{transform:scaleX(0)}20%{transform:scaleX(.5)}50%{transform:scaleX(.7)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes fui-progressbar-buffer-dots{0%{background-position:0 0}to{background-position:-10px 0}}.fui-progressbar{--fui-progressbar-height: 4px;--fui-progressbar-border-radius: var(--fui-border-radius-pill);--fui-progressbar-track: var(--fui-secondary-40);--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);display:block;width:100%;height:var(--fui-progressbar-height);overflow:hidden;position:relative;contain:content}.fui-progressbar__track{position:relative;width:100%;height:100%;background-color:var(--fui-progressbar-track, var(--fui-secondary-40));border-radius:var(--fui-border-radius-pill);overflow:hidden}.fui-progressbar__bar{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__primary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary))}.fui-progressbar__secondary-bar{background-color:var(--fui-progressbar-bar, var(--fui-primary));opacity:.4}.fui-progressbar__buffer{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left center;background-color:var(--fui-progressbar-buffer, var(--fui-primary-30));border-radius:var(--fui-border-radius-pill);transition:transform var(--fui-duration-moderate-02) var(--fui-ease-standard) 0ms}.fui-progressbar__buffer-dots{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,var(--fui-progressbar-track, var(--fui-secondary-40)) 0px,var(--fui-progressbar-track, var(--fui-secondary-40)) 2px,transparent 2px,transparent 8px);background-size:10px 100%;animation:fui-progressbar-buffer-dots .5s linear infinite}.fui-progressbar--determinate .fui-progressbar__primary-bar{transform:scaleX(0)}.fui-progressbar--indeterminate .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite}.fui-progressbar--buffer .fui-progressbar__primary-bar{transform:scaleX(0);z-index:1}.fui-progressbar--query .fui-progressbar__primary-bar{transform-origin:center;animation:fui-progressbar-primary-indeterminate 2s linear infinite reverse}.fui-progressbar--query .fui-progressbar__secondary-bar{transform-origin:center;animation:fui-progressbar-secondary-indeterminate 2s linear infinite reverse;animation-delay:.7s}.fui-progressbar--primary{--fui-progressbar-bar: var(--fui-primary);--fui-progressbar-buffer: var(--fui-primary-30);--fui-progressbar-track: var(--fui-primary-20)}.fui-progressbar--accent{--fui-progressbar-bar: var(--fui-secondary-80);--fui-progressbar-buffer: var(--fui-secondary-50);--fui-progressbar-track: var(--fui-secondary-30)}.fui-progressbar--warn{--fui-progressbar-bar: var(--fui-danger-90);--fui-progressbar-buffer: var(--fui-danger-50);--fui-progressbar-track: var(--fui-danger-30)}.fui-progressbar--success{--fui-progressbar-bar: var(--fui-success-90);--fui-progressbar-buffer: var(--fui-success-50);--fui-progressbar-track: var(--fui-success-30)}.fui-progressbar--info{--fui-progressbar-bar: var(--fui-info-90);--fui-progressbar-buffer: var(--fui-info-50);--fui-progressbar-track: var(--fui-info-30)}@media(prefers-reduced-motion:reduce){.fui-progressbar__bar,.fui-progressbar__buffer,.fui-progressbar__buffer-dots{animation:none;transition:none}.fui-progressbar--indeterminate .fui-progressbar__primary-bar,.fui-progressbar--query .fui-progressbar__primary-bar{animation:none;transform:scaleX(1);opacity:.5}.fui-progressbar--indeterminate .fui-progressbar__secondary-bar,.fui-progressbar--query .fui-progressbar__secondary-bar{display:none}}@media(prefers-contrast:high){.fui-progressbar__track{border:1px solid currentColor}.fui-progressbar__bar{background-color:currentColor}}\n"] }]
|
|
141
|
-
}], 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 }] }] } });
|
|
165
|
+
}, 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"] }]
|
|
166
|
+
}], 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 }] }] } });
|
|
142
167
|
|
|
143
168
|
/**
|
|
144
169
|
* Generated bundle index. Do not edit.
|
|
145
170
|
*/
|
|
146
171
|
|
|
147
|
-
export { FuiProgressbarComponent };
|
|
172
|
+
export { FuiProgressbarComponent, FuiProgressbarIntl };
|
|
148
173
|
//# sourceMappingURL=raintonic-formaui-components-progressbar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"raintonic-formaui-components-progressbar.mjs","sources":["../../../lib/components/progressbar/progressbar.component.ts","../../../lib/components/progressbar/progressbar.component.html","../../../lib/components/progressbar/raintonic-formaui-components-progressbar.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, numberAttribute } from '@angular/core';\n\n/**\n * Progress bar mode types (compatible with mat-progress-bar)\n */\nexport type ProgressBarMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n/**\n * Progress bar color variants\n */\nexport type ProgressBarColor = 'primary' | 'accent' | 'warn' | 'success' | 'info';\n\n/**\n * # FuiProgressbar Component\n *\n * A progress bar component compatible with Angular Material's mat-progress-bar interface.\n *\n * ## Features\n * - Multiple modes: determinate, indeterminate, buffer, query\n * - Color variants: primary, accent, warn, success, info\n * - Accessible with ARIA attributes\n * - Smooth animations\n *\n * ## Usage\n *\n * ### Determinate Progress\n * ```html\n * <fui-progressbar [value]=\"50\"></fui-progressbar>\n * ```\n *\n * ### Indeterminate Progress\n * ```html\n * <fui-progressbar mode=\"indeterminate\"></fui-progressbar>\n * ```\n *\n * ### Buffer Progress\n * ```html\n * <fui-progressbar mode=\"buffer\" [value]=\"50\" [bufferValue]=\"75\"></fui-progressbar>\n * ```\n *\n * ### Query Progress\n * ```html\n * <fui-progressbar mode=\"query\"></fui-progressbar>\n * ```\n *\n * ### Color Variants\n * ```html\n * <fui-progressbar [value]=\"50\" color=\"success\"></fui-progressbar>\n * ```\n */\n@Component({\n selector: 'fui-progressbar',\n standalone: true,\n imports: [],\n templateUrl: './progressbar.component.html',\n styleUrls: ['./progressbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n host: {\n class: 'fui-progressbar',\n '[class.fui-progressbar--determinate]': 'mode() === \"determinate\"',\n '[class.fui-progressbar--indeterminate]': 'mode() === \"indeterminate\"',\n '[class.fui-progressbar--buffer]': 'mode() === \"buffer\"',\n '[class.fui-progressbar--query]': 'mode() === \"query\"',\n '[class.fui-progressbar--primary]': 'color() === \"primary\"',\n '[class.fui-progressbar--accent]': 'color() === \"accent\"',\n '[class.fui-progressbar--warn]': 'color() === \"warn\"',\n '[class.fui-progressbar--success]': 'color() === \"success\"',\n '[class.fui-progressbar--info]': 'color() === \"info\"',\n role: 'progressbar',\n '[attr.aria-valuenow]': 'mode() === \"determinate\" || mode() === \"buffer\" ? clampedValue() : null',\n '[attr.aria-valuemin]': '0',\n '[attr.aria-valuemax]': '100',\n '[attr.aria-label]': 'effectiveAriaLabel()',\n '[attr.aria-labelledby]': 'ariaLabelledby()',\n },\n})\nexport class FuiProgressbarComponent {\n /**\n * Progress bar mode (compatible with mat-progress-bar)\n * - determinate: Shows a specific progress value\n * - indeterminate: Shows an animation for unknown progress\n * - buffer: Shows progress with a buffer indicator\n * - query: Shows a query animation (reverse indeterminate)\n */\n readonly mode = input<ProgressBarMode>('determinate');\n\n /**\n * Progress value (0-100)\n */\n readonly value = input<number, unknown>(0, {\n transform: numberAttribute,\n });\n\n /**\n * Buffer value for buffer mode (0-100)\n */\n readonly bufferValue = input<number, unknown>(0, {\n transform: numberAttribute,\n });\n\n /**\n * Color variant\n */\n readonly color = input<ProgressBarColor>('primary');\n\n /**\n * ARIA label for accessibility.\n * When neither aria-label nor aria-labelledby is provided, a default label\n * is computed based on the mode (e.g. \"Loading\" for indeterminate/query).\n */\n readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n\n /**\n * ARIA labelledby for accessibility\n */\n readonly ariaLabelledby = input<string | null>(null, { alias: 'aria-labelledby' });\n\n /**\n * Effective aria-label: uses the explicit input, or falls back to a\n * default when no aria-labelledby is provided either.\n */\n readonly effectiveAriaLabel = computed(() => {\n const explicit = this.ariaLabel();\n if (explicit) return explicit;\n // If aria-labelledby is set, don't add a redundant label\n if (this.ariaLabelledby()) return null;\n // Default labels per mode\n const m = this.mode();\n if (m === 'indeterminate' || m === 'query') return 'Loading';\n return 'Progress';\n });\n\n /**\n * Clamped progress value (0-100)\n */\n readonly clampedValue = computed(() => this._clamp(this.value()));\n\n /**\n * Clamped buffer value (0-100)\n */\n readonly clampedBufferValue = computed(() => this._clamp(this.bufferValue()));\n\n /**\n * Transform for the primary progress bar\n */\n readonly primaryTransform = computed(() => {\n const value = this.clampedValue();\n return `scaleX(${value / 100})`;\n });\n\n /**\n * Transform for the buffer bar\n */\n readonly bufferTransform = computed(() => {\n const bufferValue = this.clampedBufferValue();\n return `scaleX(${bufferValue / 100})`;\n });\n\n /**\n * Clamps a value between 0 and 100\n */\n private _clamp(value: number): number {\n return Math.max(0, Math.min(100, value || 0));\n }\n}\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' | '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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"}
|
|
@@ -64,7 +64,7 @@ class FuiRadioButtonComponent {
|
|
|
64
64
|
this.inputElement()?.nativeElement.focus();
|
|
65
65
|
}
|
|
66
66
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
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\">\n <span class=\"fui-radio-button__frame\">\n <input\n #inputElement\n type=\"radio\"\n class=\"fui-radio-button__native-control\"\n [id]=\"inputId\"\n [name]=\"_name()\"\n [value]=\"value()\"\n [checked]=\"_checked()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-checked]=\"_checked()\"\n [attr.aria-disabled]=\"isDisabled() || null\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.tabindex]=\"_tabIndex()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeydown($event)\"\n />\n <span class=\"fui-radio-button__outer-circle\"></span>\n <span class=\"fui-radio-button__inner-circle\"></span>\n </span>\n <span class=\"fui-radio-button__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
67
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.6", type: FuiRadioButtonComponent, isStandalone: true, selector: "fui-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-radio-button--checked": "_checked()", "class.fui-radio-button--disabled": "isDisabled()", "class.fui-radio-button--focused": "_focused()", "attr.id": "id" }, classAttribute: "fui-radio-button" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n <span class=\"fui-radio-button__frame\">\r\n <input\r\n #inputElement\r\n type=\"radio\"\r\n class=\"fui-radio-button__native-control\"\r\n [id]=\"inputId\"\r\n [name]=\"_name()\"\r\n [value]=\"value()\"\r\n [checked]=\"_checked()\"\r\n [disabled]=\"isDisabled()\"\r\n [attr.aria-checked]=\"_checked()\"\r\n [attr.aria-disabled]=\"isDisabled() || null\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n [attr.tabindex]=\"_tabIndex()\"\r\n (change)=\"onInputChange($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keydown)=\"onKeydown($event)\"\r\n />\r\n <span class=\"fui-radio-button__outer-circle\"></span>\r\n <span class=\"fui-radio-button__inner-circle\"></span>\r\n </span>\r\n <span class=\"fui-radio-button__label\">\r\n <ng-content></ng-content>\r\n </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
68
68
|
}
|
|
69
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioButtonComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
74
74
|
'[class.fui-radio-button--disabled]': 'isDisabled()',
|
|
75
75
|
'[class.fui-radio-button--focused]': '_focused()',
|
|
76
76
|
'[attr.id]': 'id',
|
|
77
|
-
}, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\n <span class=\"fui-radio-button__frame\">\n <input\n #inputElement\n type=\"radio\"\n class=\"fui-radio-button__native-control\"\n [id]=\"inputId\"\n [name]=\"_name()\"\n [value]=\"value()\"\n [checked]=\"_checked()\"\n [disabled]=\"isDisabled()\"\n [attr.aria-checked]=\"_checked()\"\n [attr.aria-disabled]=\"isDisabled() || null\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.tabindex]=\"_tabIndex()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keydown)=\"onKeydown($event)\"\n />\n <span class=\"fui-radio-button__outer-circle\"></span>\n <span class=\"fui-radio-button__inner-circle\"></span>\n </span>\n <span class=\"fui-radio-button__label\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"] }]
|
|
77
|
+
}, template: "<label class=\"fui-radio-button__container\" [attr.for]=\"inputId\">\r\n <span class=\"fui-radio-button__frame\">\r\n <input\r\n #inputElement\r\n type=\"radio\"\r\n class=\"fui-radio-button__native-control\"\r\n [id]=\"inputId\"\r\n [name]=\"_name()\"\r\n [value]=\"value()\"\r\n [checked]=\"_checked()\"\r\n [disabled]=\"isDisabled()\"\r\n [attr.aria-checked]=\"_checked()\"\r\n [attr.aria-disabled]=\"isDisabled() || null\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n [attr.aria-labelledby]=\"ariaLabelledby()\"\r\n [attr.tabindex]=\"_tabIndex()\"\r\n (change)=\"onInputChange($event)\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keydown)=\"onKeydown($event)\"\r\n />\r\n <span class=\"fui-radio-button__outer-circle\"></span>\r\n <span class=\"fui-radio-button__inner-circle\"></span>\r\n </span>\r\n <span class=\"fui-radio-button__label\">\r\n <ng-content></ng-content>\r\n </span>\r\n</label>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"] }]
|
|
78
78
|
}], 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 }] }] } });
|
|
79
79
|
|
|
80
80
|
class FuiRadioGroupComponent {
|
|
@@ -229,7 +229,7 @@ class FuiRadioGroupComponent {
|
|
|
229
229
|
multi: true,
|
|
230
230
|
},
|
|
231
231
|
{ provide: FUI_RADIO_GROUP, useExisting: FuiRadioGroupComponent },
|
|
232
|
-
], queries: [{ propertyName: "radioButtons", predicate: FuiRadioButtonComponent, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
232
|
+
], 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{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
233
233
|
}
|
|
234
234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiRadioGroupComponent, decorators: [{
|
|
235
235
|
type: Component,
|
|
@@ -249,7 +249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
|
|
|
249
249
|
multi: true,
|
|
250
250
|
},
|
|
251
251
|
{ provide: FUI_RADIO_GROUP, useExisting: FuiRadioGroupComponent },
|
|
252
|
-
], template: "<ng-content></ng-content>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-radio-group{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"] }]
|
|
252
|
+
], 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{display:flex;flex-direction:column;gap:var(--fui-gap-12, .75rem)}.fui-radio-group--horizontal{flex-direction:row;gap:var(--fui-gap-20, 1.25rem)}.fui-radio-group--disabled{opacity:var(--fui-opacity-disabled, .38);cursor:not-allowed}.fui-radio-button{display:inline-flex}.fui-radio-button__container{display:inline-flex;align-items:center;gap:var(--fui-gap-8, .5rem);cursor:pointer}.fui-radio-button--disabled .fui-radio-button__container{cursor:not-allowed}.fui-radio-button__frame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.fui-radio-button__native-control{position:absolute;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.fui-radio-button__native-control:focus-visible~.fui-radio-button__outer-circle{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-radio-button__outer-circle{position:absolute;width:1.125rem;height:1.125rem;border:2px solid var(--fui-secondary-80, #475569);border-radius:50%;transition:border-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-radio-button__inner-circle{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--fui-primary);transform:scale(0);transition:transform var(--fui-duration-fast-02, .15s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-radio-button--checked .fui-radio-button__inner-circle{transform:scale(1)}.fui-radio-button--checked .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button--disabled{opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-radio-button--focused .fui-radio-button__outer-circle{border-color:var(--fui-primary)}.fui-radio-button__label{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary);-webkit-user-select:none;user-select:none}.fui-radio-group--error .fui-radio-button__outer-circle{border-color:var(--fui-state-error)}.fui-radio-group--error .fui-radio-button--checked .fui-radio-button__inner-circle{background-color:var(--fui-state-error)}@media(prefers-contrast:high){.fui-radio-button__outer-circle{border-color:CanvasText}}@media(prefers-reduced-motion:reduce){.fui-radio-button__inner-circle,.fui-radio-button__outer-circle{transition:none}}\n"] }]
|
|
253
253
|
}], 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 }] }] } });
|
|
254
254
|
|
|
255
255
|
/**
|