@raintonic/formaui 0.2.0 → 0.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-sidebar.mjs","sources":["../../../lib/components/sidebar/sidebar.component.ts","../../../lib/components/sidebar/sidebar.component.html","../../../lib/components/sidebar/raintonic-formaui-components-sidebar.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  output,\n  computed,\n  signal,\n  InputSignal,\n  OutputEmitterRef,\n  Signal,\n  WritableSignal,\n  HostListener,\n} from '@angular/core';\n\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\n\n/**\n * Sidebar mode type\n */\nexport type FuiSidebarMode = 'side' | 'over' | 'push';\n\n/**\n * Sidebar position type\n */\nexport type FuiSidebarPosition = 'start' | 'end';\n\n/**\n * Sidebar navigation item interface\n */\nexport interface FuiSidebarNavItem {\n  id: string;\n  label: string;\n  icon?: string;\n  route?: string;\n  active?: boolean;\n  disabled?: boolean;\n  children?: FuiSidebarNavItem[];\n  expanded?: boolean;\n}\n\n/**\n * # FuiSidebar Component\n *\n * A flexible sidebar component following Carbon Design System principles.\n * Provides navigation with Angular Material-like APIs and responsive behavior.\n *\n * ## Features\n * - Multiple modes: side, over, push\n * - Collapsible with toggle functionality\n * - Hierarchical navigation support\n * - Responsive behavior\n * - Theme integration\n * - Accessibility support\n * - Custom content projection\n *\n * ## Usage\n *\n * ### Basic Sidebar\n * ```html\n * <fui-sidebar\n *   [opened]=\"sidebarOpen\"\n *   [mode]=\"'side'\"\n *   [navItems]=\"navigationItems\"\n *   (openedChange)=\"onSidebarToggle($event)\"\n *   (navItemClick)=\"onNavItemClick($event)\">\n *\n *   <div header>\n *     <h3>Navigation</h3>\n *   </div>\n *\n *   <div footer>\n *     <p>Version 1.0.0</p>\n *   </div>\n * </fui-sidebar>\n * ```\n *\n * ### Responsive Sidebar\n * ```html\n * <fui-sidebar\n *   [opened]=\"sidebarOpen\"\n *   [mode]=\"isDesktop ? 'side' : 'over'\"\n *   [backdrop]=\"!isDesktop\"\n *   [navItems]=\"navigationItems\">\n * </fui-sidebar>\n * ```\n *\n * @example\n * ```typescript\n * import { FuiSidebarComponent, FuiSidebarNavItem } from '@raintonic/formaui/components/sidebar';\n *\n * @Component({\n *   standalone: true,\n *   imports: [FuiSidebarComponent],\n *   template: `\n *     <fui-sidebar\n *       [opened]=\"sidebarOpen\"\n *       [mode]=\"sidebarMode\"\n *       [navItems]=\"navItems\"\n *       (openedChange)=\"onSidebarToggle($event)\"\n *       (navItemClick)=\"onNavItemClick($event)\">\n *\n *       <div header class=\"sidebar-header\">\n *         <h3>Holiday ERP</h3>\n *       </div>\n *     </fui-sidebar>\n *   `\n * })\n * export class AppLayoutComponent {\n *   sidebarOpen = true;\n *   sidebarMode: FuiSidebarMode = 'side';\n *\n *   navItems: FuiSidebarNavItem[] = [\n *     { id: 'dashboard', label: 'Dashboard', icon: 'house', route: '/dashboard' },\n *     {\n *       id: 'sales',\n *       label: 'Sales',\n *       icon: 'shopping-cart',\n *       children: [\n *         { id: 'orders', label: 'Orders', route: '/sales/orders' },\n *         { id: 'invoices', label: 'Invoices', route: '/sales/invoices' },\n *       ]\n *     },\n *     { id: 'products', label: 'Products', icon: 'package', route: '/products' },\n *   ];\n *\n *   onSidebarToggle(opened: boolean): void {\n *     this.sidebarOpen = opened;\n *   }\n *\n *   onNavItemClick(item: FuiSidebarNavItem): void {\n *     console.log('Navigation item clicked:', item.id);\n *   }\n * }\n * ```\n */\n@Component({\n  selector: 'fui-sidebar',\n  standalone: true,\n  imports: [FuiIconComponent],\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-sidebar-container',\n    '[class.fui-sidebar-container--opened]': 'opened()',\n    '[class.fui-sidebar-container--over]': 'mode() === \"over\"',\n    '[class.fui-sidebar-container--push]': 'mode() === \"push\"',\n    '[class.fui-sidebar-container--side]': 'mode() === \"side\"',\n    '[class.fui-sidebar-container--start]': 'position() === \"start\"',\n    '[class.fui-sidebar-container--end]': 'position() === \"end\"',\n  },\n})\nexport class FuiSidebarComponent {\n  // Inputs using signal-based API\n  readonly opened: InputSignal<boolean> = input(true);\n  readonly mode: InputSignal<FuiSidebarMode> = input<FuiSidebarMode>('side');\n  readonly position: InputSignal<FuiSidebarPosition> = input<FuiSidebarPosition>('start');\n  readonly backdrop: InputSignal<boolean> = input(false);\n  readonly width: InputSignal<string> = input('16rem');\n  readonly navItems: InputSignal<FuiSidebarNavItem[]> = input<FuiSidebarNavItem[]>([]);\n  readonly collapsible: InputSignal<boolean> = input(true);\n\n  // Outputs using signal-based API\n  readonly openedChange: OutputEmitterRef<boolean> = output<boolean>();\n  readonly navItemClick: OutputEmitterRef<FuiSidebarNavItem> = output<FuiSidebarNavItem>();\n  readonly backdropClick: OutputEmitterRef<void> = output();\n\n  // Internal state\n  readonly expandedItems: WritableSignal<Set<string>> = signal(new Set());\n\n  // Computed properties\n  readonly sidebarClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-sidebar'];\n\n    if (this.opened()) {\n      classes.push('fui-sidebar--opened');\n    }\n\n    classes.push(`fui-sidebar--${this.mode()}`);\n    classes.push(`fui-sidebar--${this.position()}`);\n\n    return classes.join(' ');\n  });\n\n  readonly backdropClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-sidebar-backdrop'];\n\n    if (this.opened() && this.backdrop()) {\n      classes.push('fui-sidebar-backdrop--visible');\n    }\n\n    return classes.join(' ');\n  });\n\n  readonly sidebarStyles: Signal<Record<string, string>> = computed(() => {\n    return {\n      width: this.width(),\n    };\n  });\n\n  /**\n   * Toggle sidebar open/closed state\n   */\n  toggle(): void {\n    const _isNewState = !this.opened();\n    this.openedChange.emit(_isNewState);\n  }\n\n  /**\n   * Open the sidebar\n   */\n  open(): void {\n    if (!this.opened()) {\n      this.openedChange.emit(true);\n    }\n  }\n\n  /**\n   * Close the sidebar\n   */\n  close(): void {\n    if (this.opened()) {\n      this.openedChange.emit(false);\n    }\n  }\n\n  /**\n   * Handle navigation item click\n   */\n  onNavItemClick(item: FuiSidebarNavItem): void {\n    if (item.disabled) {\n      return;\n    }\n\n    // Handle expandable items\n    if (item.children && item.children.length > 0) {\n      this.toggleItemExpansion(item.id);\n    } else {\n      this.navItemClick.emit(item);\n\n      // Close sidebar on mobile when item is clicked\n      if (this.mode() === 'over') {\n        this.close();\n      }\n    }\n  }\n\n  /**\n   * Toggle expansion state of a navigation item\n   */\n  toggleItemExpansion(itemId: string): void {\n    const _areExpanded = this.expandedItems();\n    const _areNewExpanded = new Set(_areExpanded);\n\n    if (_areNewExpanded.has(itemId)) {\n      _areNewExpanded.delete(itemId);\n    } else {\n      _areNewExpanded.add(itemId);\n    }\n\n    this.expandedItems.set(_areNewExpanded);\n  }\n\n  /**\n   * Check if item is expanded\n   */\n  isItemExpanded(itemId: string): boolean {\n    return this.expandedItems().has(itemId);\n  }\n\n  /**\n   * Handle backdrop click\n   */\n  onBackdropClick(): void {\n    this.backdropClick.emit();\n    this.close();\n  }\n\n  /**\n   * Get navigation item classes\n   */\n  getNavItemClasses(item: FuiSidebarNavItem, level = 0): string {\n    const classes: string[] = ['fui-sidebar__nav-item'];\n\n    if (item.active) {\n      classes.push('fui-sidebar__nav-item--active');\n    }\n\n    if (item.disabled) {\n      classes.push('fui-sidebar__nav-item--disabled');\n    }\n\n    if (level > 0) {\n      classes.push('fui-sidebar__nav-item--child');\n    }\n\n    if (item.children && item.children.length > 0) {\n      classes.push('fui-sidebar__nav-item--expandable');\n\n      if (this.isItemExpanded(item.id)) {\n        classes.push('fui-sidebar__nav-item--expanded');\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  @HostListener('document:keydown.escape')\n  onEsc(): void {\n    if (this.opened() && (this.mode() === 'over' || this.backdrop())) {\n      this.close();\n    }\n  }\n}\n","<!-- Backdrop -->\n@if (backdrop()) {\n  <div [class]=\"backdropClasses()\" (click)=\"onBackdropClick()\" aria-hidden=\"true\"></div>\n}\n\n<!-- Sidebar -->\n<aside\n  [class]=\"sidebarClasses()\"\n  [style]=\"sidebarStyles()\"\n  [attr.aria-modal]=\"mode() === 'over' && opened() ? 'true' : null\"\n  [attr.role]=\"mode() === 'over' && opened() ? 'dialog' : null\"\n  [attr.aria-label]=\"mode() === 'over' && opened() ? 'Navigation sidebar' : null\"\n>\n  <!-- Header Content -->\n  <div class=\"fui-sidebar__header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n\n  <!-- Navigation -->\n  @if (navItems().length > 0) {\n    <nav class=\"fui-sidebar__nav\" aria-label=\"Main navigation\">\n      <ul class=\"fui-sidebar__nav-list\">\n        @for (item of navItems(); track item.id) {\n          <li>\n            <!-- Navigation Item -->\n            <button\n              type=\"button\"\n              [class]=\"getNavItemClasses(item)\"\n              [disabled]=\"item.disabled\"\n              [attr.aria-expanded]=\"item.children?.length ? isItemExpanded(item.id) : null\"\n              [attr.aria-current]=\"item.active ? 'page' : null\"\n              (click)=\"onNavItemClick(item)\"\n            >\n              @if (item.icon) {\n                <fui-icon [name]=\"item.icon\" size=\"md\" class=\"fui-sidebar__nav-icon\"> </fui-icon>\n              }\n\n              <span class=\"fui-sidebar__nav-label\">{{ item.label }}</span>\n\n              @if (item.children && item.children.length > 0) {\n                <fui-icon\n                  name=\"caret-down\"\n                  size=\"sm\"\n                  class=\"fui-sidebar__nav-caret\"\n                  [class.fui-sidebar__nav-caret--expanded]=\"isItemExpanded(item.id)\"\n                >\n                </fui-icon>\n              }\n            </button>\n\n            <!-- Child Items -->\n            @if (item.children && item.children.length > 0 && isItemExpanded(item.id)) {\n              <ul class=\"fui-sidebar__nav-children\">\n                @for (child of item.children; track child.id) {\n                  <li>\n                    <button\n                      type=\"button\"\n                      [class]=\"getNavItemClasses(child, 1)\"\n                      [disabled]=\"child.disabled\"\n                      [attr.aria-current]=\"child.active ? 'page' : null\"\n                      (click)=\"onNavItemClick(child)\"\n                    >\n                      @if (child.icon) {\n                        <fui-icon [name]=\"child.icon\" size=\"sm\" class=\"fui-sidebar__nav-icon\"> </fui-icon>\n                      }\n\n                      <span class=\"fui-sidebar__nav-label\">{{ child.label }}</span>\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n          </li>\n        }\n      </ul>\n    </nav>\n  }\n\n  <!-- Custom Content -->\n  <div class=\"fui-sidebar__content\">\n    <ng-content></ng-content>\n  </div>\n\n  <!-- Footer Content -->\n  <div class=\"fui-sidebar__footer\">\n    <ng-content select=\"[footer]\"></ng-content>\n  </div>\n</aside>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-sidebar.mjs","sources":["../../../lib/components/sidebar/sidebar.component.ts","../../../lib/components/sidebar/sidebar.component.html","../../../lib/components/sidebar/raintonic-formaui-components-sidebar.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  computed,\r\n  signal,\r\n  InputSignal,\r\n  OutputEmitterRef,\r\n  Signal,\r\n  WritableSignal,\r\n  HostListener,\r\n} from '@angular/core';\r\n\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n\r\n/**\r\n * Sidebar mode type\r\n */\r\nexport type FuiSidebarMode = 'side' | 'over' | 'push';\r\n\r\n/**\r\n * Sidebar position type\r\n */\r\nexport type FuiSidebarPosition = 'start' | 'end';\r\n\r\n/**\r\n * Sidebar navigation item interface\r\n */\r\nexport interface FuiSidebarNavItem {\r\n  id: string;\r\n  label: string;\r\n  icon?: string;\r\n  route?: string;\r\n  active?: boolean;\r\n  disabled?: boolean;\r\n  children?: FuiSidebarNavItem[];\r\n  expanded?: boolean;\r\n}\r\n\r\n/**\r\n * # FuiSidebar Component\r\n *\r\n * A flexible sidebar component following Carbon Design System principles.\r\n * Provides navigation with Angular Material-like APIs and responsive behavior.\r\n *\r\n * ## Features\r\n * - Multiple modes: side, over, push\r\n * - Collapsible with toggle functionality\r\n * - Hierarchical navigation support\r\n * - Responsive behavior\r\n * - Theme integration\r\n * - Accessibility support\r\n * - Custom content projection\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Sidebar\r\n * ```html\r\n * <fui-sidebar\r\n *   [opened]=\"sidebarOpen\"\r\n *   [mode]=\"'side'\"\r\n *   [navItems]=\"navigationItems\"\r\n *   (openedChange)=\"onSidebarToggle($event)\"\r\n *   (navItemClick)=\"onNavItemClick($event)\">\r\n *\r\n *   <div header>\r\n *     <h3>Navigation</h3>\r\n *   </div>\r\n *\r\n *   <div footer>\r\n *     <p>Version 1.0.0</p>\r\n *   </div>\r\n * </fui-sidebar>\r\n * ```\r\n *\r\n * ### Responsive Sidebar\r\n * ```html\r\n * <fui-sidebar\r\n *   [opened]=\"sidebarOpen\"\r\n *   [mode]=\"isDesktop ? 'side' : 'over'\"\r\n *   [backdrop]=\"!isDesktop\"\r\n *   [navItems]=\"navigationItems\">\r\n * </fui-sidebar>\r\n * ```\r\n *\r\n * @example\r\n * ```typescript\r\n * import { FuiSidebarComponent, FuiSidebarNavItem } from '@raintonic/formaui/components/sidebar';\r\n *\r\n * @Component({\r\n *   standalone: true,\r\n *   imports: [FuiSidebarComponent],\r\n *   template: `\r\n *     <fui-sidebar\r\n *       [opened]=\"sidebarOpen\"\r\n *       [mode]=\"sidebarMode\"\r\n *       [navItems]=\"navItems\"\r\n *       (openedChange)=\"onSidebarToggle($event)\"\r\n *       (navItemClick)=\"onNavItemClick($event)\">\r\n *\r\n *       <div header class=\"sidebar-header\">\r\n *         <h3>Holiday ERP</h3>\r\n *       </div>\r\n *     </fui-sidebar>\r\n *   `\r\n * })\r\n * export class AppLayoutComponent {\r\n *   sidebarOpen = true;\r\n *   sidebarMode: FuiSidebarMode = 'side';\r\n *\r\n *   navItems: FuiSidebarNavItem[] = [\r\n *     { id: 'dashboard', label: 'Dashboard', icon: 'house', route: '/dashboard' },\r\n *     {\r\n *       id: 'sales',\r\n *       label: 'Sales',\r\n *       icon: 'shopping-cart',\r\n *       children: [\r\n *         { id: 'orders', label: 'Orders', route: '/sales/orders' },\r\n *         { id: 'invoices', label: 'Invoices', route: '/sales/invoices' },\r\n *       ]\r\n *     },\r\n *     { id: 'products', label: 'Products', icon: 'package', route: '/products' },\r\n *   ];\r\n *\r\n *   onSidebarToggle(opened: boolean): void {\r\n *     this.sidebarOpen = opened;\r\n *   }\r\n *\r\n *   onNavItemClick(item: FuiSidebarNavItem): void {\r\n *     console.log('Navigation item clicked:', item.id);\r\n *   }\r\n * }\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-sidebar',\r\n  standalone: true,\r\n  imports: [FuiIconComponent],\r\n  templateUrl: './sidebar.component.html',\r\n  styleUrls: ['./sidebar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-sidebar-container',\r\n    '[class.fui-sidebar-container--opened]': 'opened()',\r\n    '[class.fui-sidebar-container--over]': 'mode() === \"over\"',\r\n    '[class.fui-sidebar-container--push]': 'mode() === \"push\"',\r\n    '[class.fui-sidebar-container--side]': 'mode() === \"side\"',\r\n    '[class.fui-sidebar-container--start]': 'position() === \"start\"',\r\n    '[class.fui-sidebar-container--end]': 'position() === \"end\"',\r\n  },\r\n})\r\nexport class FuiSidebarComponent {\r\n  // Inputs using signal-based API\r\n  readonly opened: InputSignal<boolean> = input(true);\r\n  readonly mode: InputSignal<FuiSidebarMode> = input<FuiSidebarMode>('side');\r\n  readonly position: InputSignal<FuiSidebarPosition> = input<FuiSidebarPosition>('start');\r\n  readonly backdrop: InputSignal<boolean> = input(false);\r\n  readonly width: InputSignal<string> = input('16rem');\r\n  readonly navItems: InputSignal<FuiSidebarNavItem[]> = input<FuiSidebarNavItem[]>([]);\r\n  readonly collapsible: InputSignal<boolean> = input(true);\r\n\r\n  // Outputs using signal-based API\r\n  readonly openedChange: OutputEmitterRef<boolean> = output<boolean>();\r\n  readonly navItemClick: OutputEmitterRef<FuiSidebarNavItem> = output<FuiSidebarNavItem>();\r\n  readonly backdropClick: OutputEmitterRef<void> = output();\r\n\r\n  // Internal state\r\n  readonly expandedItems: WritableSignal<Set<string>> = signal(new Set());\r\n\r\n  // Computed properties\r\n  readonly sidebarClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-sidebar'];\r\n\r\n    if (this.opened()) {\r\n      classes.push('fui-sidebar--opened');\r\n    }\r\n\r\n    classes.push(`fui-sidebar--${this.mode()}`);\r\n    classes.push(`fui-sidebar--${this.position()}`);\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  readonly backdropClasses: Signal<string> = computed(() => {\r\n    const classes: string[] = ['fui-sidebar-backdrop'];\r\n\r\n    if (this.opened() && this.backdrop()) {\r\n      classes.push('fui-sidebar-backdrop--visible');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  });\r\n\r\n  readonly sidebarStyles: Signal<Record<string, string>> = computed(() => {\r\n    return {\r\n      width: this.width(),\r\n    };\r\n  });\r\n\r\n  /**\r\n   * Toggle sidebar open/closed state\r\n   */\r\n  toggle(): void {\r\n    const _isNewState = !this.opened();\r\n    this.openedChange.emit(_isNewState);\r\n  }\r\n\r\n  /**\r\n   * Open the sidebar\r\n   */\r\n  open(): void {\r\n    if (!this.opened()) {\r\n      this.openedChange.emit(true);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Close the sidebar\r\n   */\r\n  close(): void {\r\n    if (this.opened()) {\r\n      this.openedChange.emit(false);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle navigation item click\r\n   */\r\n  onNavItemClick(item: FuiSidebarNavItem): void {\r\n    if (item.disabled) {\r\n      return;\r\n    }\r\n\r\n    // Handle expandable items\r\n    if (item.children && item.children.length > 0) {\r\n      this.toggleItemExpansion(item.id);\r\n    } else {\r\n      this.navItemClick.emit(item);\r\n\r\n      // Close sidebar on mobile when item is clicked\r\n      if (this.mode() === 'over') {\r\n        this.close();\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Toggle expansion state of a navigation item\r\n   */\r\n  toggleItemExpansion(itemId: string): void {\r\n    const _areExpanded = this.expandedItems();\r\n    const _areNewExpanded = new Set(_areExpanded);\r\n\r\n    if (_areNewExpanded.has(itemId)) {\r\n      _areNewExpanded.delete(itemId);\r\n    } else {\r\n      _areNewExpanded.add(itemId);\r\n    }\r\n\r\n    this.expandedItems.set(_areNewExpanded);\r\n  }\r\n\r\n  /**\r\n   * Check if item is expanded\r\n   */\r\n  isItemExpanded(itemId: string): boolean {\r\n    return this.expandedItems().has(itemId);\r\n  }\r\n\r\n  /**\r\n   * Handle backdrop click\r\n   */\r\n  onBackdropClick(): void {\r\n    this.backdropClick.emit();\r\n    this.close();\r\n  }\r\n\r\n  /**\r\n   * Get navigation item classes\r\n   */\r\n  getNavItemClasses(item: FuiSidebarNavItem, level = 0): string {\r\n    const classes: string[] = ['fui-sidebar__nav-item'];\r\n\r\n    if (item.active) {\r\n      classes.push('fui-sidebar__nav-item--active');\r\n    }\r\n\r\n    if (item.disabled) {\r\n      classes.push('fui-sidebar__nav-item--disabled');\r\n    }\r\n\r\n    if (level > 0) {\r\n      classes.push('fui-sidebar__nav-item--child');\r\n    }\r\n\r\n    if (item.children && item.children.length > 0) {\r\n      classes.push('fui-sidebar__nav-item--expandable');\r\n\r\n      if (this.isItemExpanded(item.id)) {\r\n        classes.push('fui-sidebar__nav-item--expanded');\r\n      }\r\n    }\r\n\r\n    return classes.join(' ');\r\n  }\r\n\r\n  @HostListener('document:keydown.escape')\r\n  onEsc(): void {\r\n    if (this.opened() && (this.mode() === 'over' || this.backdrop())) {\r\n      this.close();\r\n    }\r\n  }\r\n}\r\n","<!-- Backdrop -->\r\n@if (backdrop()) {\r\n  <div [class]=\"backdropClasses()\" (click)=\"onBackdropClick()\" aria-hidden=\"true\"></div>\r\n}\r\n\r\n<!-- Sidebar -->\r\n<aside\r\n  [class]=\"sidebarClasses()\"\r\n  [style]=\"sidebarStyles()\"\r\n  [attr.aria-modal]=\"mode() === 'over' && opened() ? 'true' : null\"\r\n  [attr.role]=\"mode() === 'over' && opened() ? 'dialog' : null\"\r\n  [attr.aria-label]=\"mode() === 'over' && opened() ? 'Navigation sidebar' : null\"\r\n>\r\n  <!-- Header Content -->\r\n  <div class=\"fui-sidebar__header\">\r\n    <ng-content select=\"[header]\"></ng-content>\r\n  </div>\r\n\r\n  <!-- Navigation -->\r\n  @if (navItems().length > 0) {\r\n    <nav class=\"fui-sidebar__nav\" aria-label=\"Main navigation\">\r\n      <ul class=\"fui-sidebar__nav-list\">\r\n        @for (item of navItems(); track item.id) {\r\n          <li>\r\n            <!-- Navigation Item -->\r\n            <button\r\n              type=\"button\"\r\n              [class]=\"getNavItemClasses(item)\"\r\n              [disabled]=\"item.disabled\"\r\n              [attr.aria-expanded]=\"item.children?.length ? isItemExpanded(item.id) : null\"\r\n              [attr.aria-current]=\"item.active ? 'page' : null\"\r\n              (click)=\"onNavItemClick(item)\"\r\n            >\r\n              @if (item.icon) {\r\n                <fui-icon [name]=\"item.icon\" size=\"md\" class=\"fui-sidebar__nav-icon\"> </fui-icon>\r\n              }\r\n\r\n              <span class=\"fui-sidebar__nav-label\">{{ item.label }}</span>\r\n\r\n              @if (item.children && item.children.length > 0) {\r\n                <fui-icon\r\n                  name=\"caret-down\"\r\n                  size=\"sm\"\r\n                  class=\"fui-sidebar__nav-caret\"\r\n                  [class.fui-sidebar__nav-caret--expanded]=\"isItemExpanded(item.id)\"\r\n                >\r\n                </fui-icon>\r\n              }\r\n            </button>\r\n\r\n            <!-- Child Items -->\r\n            @if (item.children && item.children.length > 0 && isItemExpanded(item.id)) {\r\n              <ul class=\"fui-sidebar__nav-children\">\r\n                @for (child of item.children; track child.id) {\r\n                  <li>\r\n                    <button\r\n                      type=\"button\"\r\n                      [class]=\"getNavItemClasses(child, 1)\"\r\n                      [disabled]=\"child.disabled\"\r\n                      [attr.aria-current]=\"child.active ? 'page' : null\"\r\n                      (click)=\"onNavItemClick(child)\"\r\n                    >\r\n                      @if (child.icon) {\r\n                        <fui-icon [name]=\"child.icon\" size=\"sm\" class=\"fui-sidebar__nav-icon\"> </fui-icon>\r\n                      }\r\n\r\n                      <span class=\"fui-sidebar__nav-label\">{{ child.label }}</span>\r\n                    </button>\r\n                  </li>\r\n                }\r\n              </ul>\r\n            }\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n  }\r\n\r\n  <!-- Custom Content -->\r\n  <div class=\"fui-sidebar__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Footer Content -->\r\n  <div class=\"fui-sidebar__footer\">\r\n    <ng-content select=\"[footer]\"></ng-content>\r\n  </div>\r\n</aside>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -26,7 +26,7 @@ class FuiSkeletonComponent {
     }, ...(ngDevMode ? [{ debugName: "computedStyles" }] : /* istanbul ignore next */ []));
     linesArray = computed(() => Array.from({ length: this.lines() }, (_, i) => i), ...(ngDevMode ? [{ debugName: "linesArray" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiSkeletonComponent, isStandalone: true, selector: "fui-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-skeleton--text": "variant() === \"text\"", "class.fui-skeleton--circle": "variant() === \"circle\"", "class.fui-skeleton--rect": "variant() === \"rect\"", "class.fui-skeleton--animated": "animated()", "attr.aria-busy": "true", "attr.aria-label": "\"Loading\"", "attr.role": "\"status\"" }, classAttribute: "fui-skeleton" }, ngImport: i0, template: "@if (variant() === 'text' && lines() > 1) {\n  <div class=\"fui-skeleton__lines\">\n    @for (line of linesArray(); track line; let last = $last) {\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\n    }\n  </div>\n} @else {\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\n}\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-skeleton{display:block}.fui-skeleton__shape,.fui-skeleton__line{background-color:var(--fui-surface-05, #e2e8f0);border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:fui-skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--fui-surface-05);border-radius:var(--fui-border-radius-md)}.fui-skeleton--text .fui-skeleton__shape{height:1rem;width:100%;border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--text .fui-skeleton__line{height:1rem;width:100%;margin-bottom:var(--fui-gap-8, .5rem)}.fui-skeleton--text .fui-skeleton__line--last{width:60%;margin-bottom:0}.fui-skeleton--circle .fui-skeleton__shape{width:2.5rem;height:2.5rem;border-radius:50%}.fui-skeleton--rect .fui-skeleton__shape{width:100%;height:6rem;border-radius:var(--fui-border-radius-md, 12px)}.fui-skeleton__lines{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiSkeletonComponent, isStandalone: true, selector: "fui-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-skeleton--text": "variant() === \"text\"", "class.fui-skeleton--circle": "variant() === \"circle\"", "class.fui-skeleton--rect": "variant() === \"rect\"", "class.fui-skeleton--animated": "animated()", "attr.aria-busy": "true", "attr.aria-label": "\"Loading\"", "attr.role": "\"status\"" }, classAttribute: "fui-skeleton" }, ngImport: i0, template: "@if (variant() === 'text' && lines() > 1) {\r\n  <div class=\"fui-skeleton__lines\">\r\n    @for (line of linesArray(); track line; let last = $last) {\r\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-skeleton{display:block}.fui-skeleton__shape,.fui-skeleton__line{background-color:var(--fui-surface-05, #e2e8f0);border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:fui-skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--fui-surface-05);border-radius:var(--fui-border-radius-md)}.fui-skeleton--text .fui-skeleton__shape{height:1rem;width:100%;border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--text .fui-skeleton__line{height:1rem;width:100%;margin-bottom:var(--fui-gap-8, .5rem)}.fui-skeleton--text .fui-skeleton__line--last{width:60%;margin-bottom:0}.fui-skeleton--circle .fui-skeleton__shape{width:2.5rem;height:2.5rem;border-radius:50%}.fui-skeleton--rect .fui-skeleton__shape{width:100%;height:6rem;border-radius:var(--fui-border-radius-md, 12px)}.fui-skeleton__lines{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiSkeletonComponent, decorators: [{
             type: Component,
@@ -39,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[attr.aria-busy]': 'true',
                         '[attr.aria-label]': '"Loading"',
                         '[attr.role]': '"status"',
-                    }, template: "@if (variant() === 'text' && lines() > 1) {\n  <div class=\"fui-skeleton__lines\">\n    @for (line of linesArray(); track line; let last = $last) {\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\n    }\n  </div>\n} @else {\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\n}\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-skeleton{display:block}.fui-skeleton__shape,.fui-skeleton__line{background-color:var(--fui-surface-05, #e2e8f0);border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:fui-skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--fui-surface-05);border-radius:var(--fui-border-radius-md)}.fui-skeleton--text .fui-skeleton__shape{height:1rem;width:100%;border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--text .fui-skeleton__line{height:1rem;width:100%;margin-bottom:var(--fui-gap-8, .5rem)}.fui-skeleton--text .fui-skeleton__line--last{width:60%;margin-bottom:0}.fui-skeleton--circle .fui-skeleton__shape{width:2.5rem;height:2.5rem;border-radius:50%}.fui-skeleton--rect .fui-skeleton__shape{width:100%;height:6rem;border-radius:var(--fui-border-radius-md, 12px)}.fui-skeleton__lines{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:none}}\n"] }]
+                    }, template: "@if (variant() === 'text' && lines() > 1) {\r\n  <div class=\"fui-skeleton__lines\">\r\n    @for (line of linesArray(); track line; let last = $last) {\r\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-skeleton{display:block}.fui-skeleton__shape,.fui-skeleton__line{background-color:var(--fui-surface-05, #e2e8f0);border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:fui-skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--fui-surface-05);border-radius:var(--fui-border-radius-md)}.fui-skeleton--text .fui-skeleton__shape{height:1rem;width:100%;border-radius:var(--fui-border-radius-sm, 8px)}.fui-skeleton--text .fui-skeleton__line{height:1rem;width:100%;margin-bottom:var(--fui-gap-8, .5rem)}.fui-skeleton--text .fui-skeleton__line--last{width:60%;margin-bottom:0}.fui-skeleton--circle .fui-skeleton__shape{width:2.5rem;height:2.5rem;border-radius:50%}.fui-skeleton--rect .fui-skeleton__shape{width:100%;height:6rem;border-radius:var(--fui-border-radius-md, 12px)}.fui-skeleton__lines{display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.fui-skeleton--animated .fui-skeleton__shape,.fui-skeleton--animated .fui-skeleton__line{animation:none}}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], lines: [{ type: i0.Input, args: [{ isSignal: true, alias: "lines", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-skeleton.mjs","sources":["../../../lib/components/skeleton/skeleton.component.ts","../../../lib/components/skeleton/skeleton.component.html","../../../lib/components/skeleton/raintonic-formaui-components-skeleton.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed } from '@angular/core';\nimport { FuiSkeletonVariant } from './skeleton.types';\n\n@Component({\n  selector: 'fui-skeleton',\n  standalone: true,\n  templateUrl: './skeleton.component.html',\n  styleUrls: ['./skeleton.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-skeleton',\n    '[class.fui-skeleton--text]': 'variant() === \"text\"',\n    '[class.fui-skeleton--circle]': 'variant() === \"circle\"',\n    '[class.fui-skeleton--rect]': 'variant() === \"rect\"',\n    '[class.fui-skeleton--animated]': 'animated()',\n    '[attr.aria-busy]': 'true',\n    '[attr.aria-label]': '\"Loading\"',\n    '[attr.role]': '\"status\"',\n  },\n})\nexport class FuiSkeletonComponent {\n  readonly variant = input<FuiSkeletonVariant>('text');\n  readonly width = input<string | null>(null);\n  readonly height = input<string | null>(null);\n  readonly lines = input(1);\n  readonly animated = input(true);\n  readonly borderRadius = input<string | null>(null);\n\n  readonly computedStyles = computed(() => {\n    const styles: Record<string, string> = {};\n    const w = this.width();\n    const h = this.height();\n    const br = this.borderRadius();\n\n    if (w) {\n      styles['width'] = w;\n    }\n    if (h) {\n      styles['height'] = h;\n    }\n    if (br) {\n      styles['border-radius'] = br;\n    }\n\n    return styles;\n  });\n\n  readonly linesArray = computed(() => Array.from({ length: this.lines() }, (_, i) => i));\n}\n","@if (variant() === 'text' && lines() > 1) {\n  <div class=\"fui-skeleton__lines\">\n    @for (line of linesArray(); track line; let last = $last) {\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\n    }\n  </div>\n} @else {\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAqBa,oBAAoB,CAAA;AACtB,IAAA,OAAO,GAAG,KAAK,CAAqB,MAAM,8EAAC;AAC3C,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAgB,IAAI,6EAAC;AACnC,IAAA,KAAK,GAAG,KAAK,CAAC,CAAC,4EAAC;AAChB,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,+EAAC;AACtB,IAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAEzC,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QACtC,MAAM,MAAM,GAA2B,EAAE;AACzC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;QAE9B,IAAI,CAAC,EAAE;AACL,YAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QACrB;QACA,IAAI,CAAC,EAAE;AACL,YAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QACtB;QACA,IAAI,EAAE,EAAE;AACN,YAAA,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE;QAC9B;AAEA,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,qFAAC;AAEO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,iFAAC;uGA3B5E,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,grCCrBjC,uXASA,EAAA,MAAA,EAAA,CAAA,4mFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDYa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAlBhC,SAAS;+BACE,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,8BAA8B,EAAE,wBAAwB;AACxD,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,gCAAgC,EAAE,YAAY;AAC9C,wBAAA,kBAAkB,EAAE,MAAM;AAC1B,wBAAA,mBAAmB,EAAE,WAAW;AAChC,wBAAA,aAAa,EAAE,UAAU;AAC1B,qBAAA,EAAA,QAAA,EAAA,uXAAA,EAAA,MAAA,EAAA,CAAA,4mFAAA,CAAA,EAAA;;;AEnBH;;AAEG;;;;"}
+{"version":3,"file":"raintonic-formaui-components-skeleton.mjs","sources":["../../../lib/components/skeleton/skeleton.component.ts","../../../lib/components/skeleton/skeleton.component.html","../../../lib/components/skeleton/raintonic-formaui-components-skeleton.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed } from '@angular/core';\r\nimport { FuiSkeletonVariant } from './skeleton.types';\r\n\r\n@Component({\r\n  selector: 'fui-skeleton',\r\n  standalone: true,\r\n  templateUrl: './skeleton.component.html',\r\n  styleUrls: ['./skeleton.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-skeleton',\r\n    '[class.fui-skeleton--text]': 'variant() === \"text\"',\r\n    '[class.fui-skeleton--circle]': 'variant() === \"circle\"',\r\n    '[class.fui-skeleton--rect]': 'variant() === \"rect\"',\r\n    '[class.fui-skeleton--animated]': 'animated()',\r\n    '[attr.aria-busy]': 'true',\r\n    '[attr.aria-label]': '\"Loading\"',\r\n    '[attr.role]': '\"status\"',\r\n  },\r\n})\r\nexport class FuiSkeletonComponent {\r\n  readonly variant = input<FuiSkeletonVariant>('text');\r\n  readonly width = input<string | null>(null);\r\n  readonly height = input<string | null>(null);\r\n  readonly lines = input(1);\r\n  readonly animated = input(true);\r\n  readonly borderRadius = input<string | null>(null);\r\n\r\n  readonly computedStyles = computed(() => {\r\n    const styles: Record<string, string> = {};\r\n    const w = this.width();\r\n    const h = this.height();\r\n    const br = this.borderRadius();\r\n\r\n    if (w) {\r\n      styles['width'] = w;\r\n    }\r\n    if (h) {\r\n      styles['height'] = h;\r\n    }\r\n    if (br) {\r\n      styles['border-radius'] = br;\r\n    }\r\n\r\n    return styles;\r\n  });\r\n\r\n  readonly linesArray = computed(() => Array.from({ length: this.lines() }, (_, i) => i));\r\n}\r\n","@if (variant() === 'text' && lines() > 1) {\r\n  <div class=\"fui-skeleton__lines\">\r\n    @for (line of linesArray(); track line; let last = $last) {\r\n      <div class=\"fui-skeleton__line\" [class.fui-skeleton__line--last]=\"last\" [style]=\"computedStyles()\"></div>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div class=\"fui-skeleton__shape\" [style]=\"computedStyles()\"></div>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAqBa,oBAAoB,CAAA;AACtB,IAAA,OAAO,GAAG,KAAK,CAAqB,MAAM,8EAAC;AAC3C,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,IAAA,MAAM,GAAG,KAAK,CAAgB,IAAI,6EAAC;AACnC,IAAA,KAAK,GAAG,KAAK,CAAC,CAAC,4EAAC;AAChB,IAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,+EAAC;AACtB,IAAA,YAAY,GAAG,KAAK,CAAgB,IAAI,mFAAC;AAEzC,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QACtC,MAAM,MAAM,GAA2B,EAAE;AACzC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE;QAE9B,IAAI,CAAC,EAAE;AACL,YAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;QACrB;QACA,IAAI,CAAC,EAAE;AACL,YAAA,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC;QACtB;QACA,IAAI,EAAE,EAAE;AACN,YAAA,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE;QAC9B;AAEA,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,qFAAC;AAEO,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,iFAAC;uGA3B5E,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,grCCrBjC,yYASA,EAAA,MAAA,EAAA,CAAA,4mFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDYa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAlBhC,SAAS;+BACE,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,cAAc;AACrB,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,8BAA8B,EAAE,wBAAwB;AACxD,wBAAA,4BAA4B,EAAE,sBAAsB;AACpD,wBAAA,gCAAgC,EAAE,YAAY;AAC9C,wBAAA,kBAAkB,EAAE,MAAM;AAC1B,wBAAA,mBAAmB,EAAE,WAAW;AAChC,wBAAA,aAAa,EAAE,UAAU;AAC1B,qBAAA,EAAA,QAAA,EAAA,yYAAA,EAAA,MAAA,EAAA,CAAA,4mFAAA,CAAA,EAAA;;;AEnBH;;AAEG;;;;"}

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

@@ -321,7 +321,7 @@ class FuiSliderComponent {
                 useExisting: FuiSliderComponent,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "_sliderContainer", first: true, predicate: ["sliderContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\n  <div class=\"fui-slider__track\">\n    <div\n      class=\"fui-slider__track-fill\"\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\n    ></div>\n  </div>\n\n  @if (showTicks()) {\n    <div class=\"fui-slider__ticks\">\n      @for (tick of _tickValues(); track tick) {\n        <div\n          class=\"fui-slider__tick\"\n          [style.left.%]=\"_valueToPercent(tick)\"\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\n        ></div>\n      }\n    </div>\n  }\n\n  <div\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\n    role=\"slider\"\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\n    [attr.aria-valuemin]=\"min()\"\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\n    aria-orientation=\"horizontal\"\n    [attr.aria-disabled]=\"disabled()\"\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\n    (focus)=\"_hovered.set('low')\"\n    (blur)=\"_hovered.set(null)\"\n  >\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\n    }\n  </div>\n\n  @if (range()) {\n    <div\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\n      [style.left.%]=\"_percentageHigh()\"\n      role=\"slider\"\n      [attr.aria-valuenow]=\"_valueHigh()\"\n      [attr.aria-valuemin]=\"_valueLow()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\n      aria-orientation=\"horizontal\"\n      [attr.aria-disabled]=\"disabled()\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\n      (focus)=\"_hovered.set('high')\"\n      (blur)=\"_hovered.set(null)\"\n    >\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\n      }\n    </div>\n  }\n</div>\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-slider{display:block;position:relative;width:100%;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fui-slider__container{position:relative;width:100%;height:20px;display:flex;align-items:center}.fui-slider__track{position:absolute;left:0;right:0;height:4px;border-radius:var(--fui-border-radius-pill, 999px);background-color:var(--fui-secondary-30, #e2e8f0);overflow:hidden}.fui-slider__track-fill{position:absolute;top:0;bottom:0;background-color:var(--fui-primary);border-radius:var(--fui-border-radius-pill, 999px);transition:left,width var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__ticks{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}.fui-slider__tick{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--fui-secondary-50, #94a3b8);transform:translate(-50%,-50%);top:50%;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-slider__tick--active{background-color:var(--fui-primary)}.fui-slider__thumb{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--fui-primary);transform:translate(-50%);cursor:grab;z-index:2;outline:none;transition:left,transform,box-shadow var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__thumb:hover{box-shadow:0 0 0 6px rgba(var(--fui-primary-rgb, 99, 102, 241),.15)}.fui-slider__thumb:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--fui-surface-inverse, #1e293b);color:var(--fui-text-inverse, #fff);font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01, .75rem);font-weight:var(--fui-font-weight-medium, 500);line-height:1.2;white-space:nowrap;border-radius:var(--fui-border-radius-sm, 4px);pointer-events:none;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-slider__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--fui-surface-inverse, #1e293b)}.fui-slider--dragging .fui-slider__thumb{cursor:grabbing;transform:translate(-50%) scale(1.15);box-shadow:0 0 0 8px rgba(var(--fui-primary-rgb, 99, 102, 241),.2)}.fui-slider--dragging .fui-slider__track-fill{transition:none}.fui-slider--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-slider--disabled .fui-slider__thumb{cursor:not-allowed}.fui-slider--range .fui-slider__thumb--high{z-index:3}@media(prefers-contrast:high){.fui-slider__thumb{border:2px solid CanvasText}.fui-slider__track{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.fui-slider__thumb,.fui-slider__track-fill,.fui-slider__tooltip,.fui-slider__tick{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "_sliderContainer", first: true, predicate: ["sliderContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\r\n  <div class=\"fui-slider__track\">\r\n    <div\r\n      class=\"fui-slider__track-fill\"\r\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\r\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\r\n    ></div>\r\n  </div>\r\n\r\n  @if (showTicks()) {\r\n    <div class=\"fui-slider__ticks\">\r\n      @for (tick of _tickValues(); track tick) {\r\n        <div\r\n          class=\"fui-slider__tick\"\r\n          [style.left.%]=\"_valueToPercent(tick)\"\r\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\r\n        ></div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\r\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\r\n    role=\"slider\"\r\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\r\n    [attr.aria-valuemin]=\"min()\"\r\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\r\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\r\n    aria-orientation=\"horizontal\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\r\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\r\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\r\n    (focus)=\"_hovered.set('low')\"\r\n    (blur)=\"_hovered.set(null)\"\r\n  >\r\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\r\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\r\n    }\r\n  </div>\r\n\r\n  @if (range()) {\r\n    <div\r\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\r\n      [style.left.%]=\"_percentageHigh()\"\r\n      role=\"slider\"\r\n      [attr.aria-valuenow]=\"_valueHigh()\"\r\n      [attr.aria-valuemin]=\"_valueLow()\"\r\n      [attr.aria-valuemax]=\"max()\"\r\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\r\n      aria-orientation=\"horizontal\"\r\n      [attr.aria-disabled]=\"disabled()\"\r\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\r\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\r\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\r\n      (focus)=\"_hovered.set('high')\"\r\n      (blur)=\"_hovered.set(null)\"\r\n    >\r\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\r\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\r\n      }\r\n    </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)}.fui-slider{display:block;position:relative;width:100%;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fui-slider__container{position:relative;width:100%;height:20px;display:flex;align-items:center}.fui-slider__track{position:absolute;left:0;right:0;height:4px;border-radius:var(--fui-border-radius-pill, 999px);background-color:var(--fui-secondary-30, #e2e8f0);overflow:hidden}.fui-slider__track-fill{position:absolute;top:0;bottom:0;background-color:var(--fui-primary);border-radius:var(--fui-border-radius-pill, 999px);transition:left,width var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__ticks{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}.fui-slider__tick{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--fui-secondary-50, #94a3b8);transform:translate(-50%,-50%);top:50%;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-slider__tick--active{background-color:var(--fui-primary)}.fui-slider__thumb{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--fui-primary);transform:translate(-50%);cursor:grab;z-index:2;outline:none;transition:left,transform,box-shadow var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__thumb:hover{box-shadow:0 0 0 6px rgba(var(--fui-primary-rgb, 99, 102, 241),.15)}.fui-slider__thumb:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--fui-surface-inverse, #1e293b);color:var(--fui-text-inverse, #fff);font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01, .75rem);font-weight:var(--fui-font-weight-medium, 500);line-height:1.2;white-space:nowrap;border-radius:var(--fui-border-radius-sm, 4px);pointer-events:none;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-slider__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--fui-surface-inverse, #1e293b)}.fui-slider--dragging .fui-slider__thumb{cursor:grabbing;transform:translate(-50%) scale(1.15);box-shadow:0 0 0 8px rgba(var(--fui-primary-rgb, 99, 102, 241),.2)}.fui-slider--dragging .fui-slider__track-fill{transition:none}.fui-slider--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-slider--disabled .fui-slider__thumb{cursor:not-allowed}.fui-slider--range .fui-slider__thumb--high{z-index:3}@media(prefers-contrast:high){.fui-slider__thumb{border:2px solid CanvasText}.fui-slider__track{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.fui-slider__thumb,.fui-slider__track-fill,.fui-slider__tooltip,.fui-slider__tick{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiSliderComponent, decorators: [{
             type: Component,
@@ -336,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                             useExisting: FuiSliderComponent,
                             multi: true,
                         },
-                    ], template: "<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\n  <div class=\"fui-slider__track\">\n    <div\n      class=\"fui-slider__track-fill\"\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\n    ></div>\n  </div>\n\n  @if (showTicks()) {\n    <div class=\"fui-slider__ticks\">\n      @for (tick of _tickValues(); track tick) {\n        <div\n          class=\"fui-slider__tick\"\n          [style.left.%]=\"_valueToPercent(tick)\"\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\n        ></div>\n      }\n    </div>\n  }\n\n  <div\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\n    role=\"slider\"\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\n    [attr.aria-valuemin]=\"min()\"\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\n    aria-orientation=\"horizontal\"\n    [attr.aria-disabled]=\"disabled()\"\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\n    (focus)=\"_hovered.set('low')\"\n    (blur)=\"_hovered.set(null)\"\n  >\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\n    }\n  </div>\n\n  @if (range()) {\n    <div\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\n      [style.left.%]=\"_percentageHigh()\"\n      role=\"slider\"\n      [attr.aria-valuenow]=\"_valueHigh()\"\n      [attr.aria-valuemin]=\"_valueLow()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\n      aria-orientation=\"horizontal\"\n      [attr.aria-disabled]=\"disabled()\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\n      (focus)=\"_hovered.set('high')\"\n      (blur)=\"_hovered.set(null)\"\n    >\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\n      }\n    </div>\n  }\n</div>\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-slider{display:block;position:relative;width:100%;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fui-slider__container{position:relative;width:100%;height:20px;display:flex;align-items:center}.fui-slider__track{position:absolute;left:0;right:0;height:4px;border-radius:var(--fui-border-radius-pill, 999px);background-color:var(--fui-secondary-30, #e2e8f0);overflow:hidden}.fui-slider__track-fill{position:absolute;top:0;bottom:0;background-color:var(--fui-primary);border-radius:var(--fui-border-radius-pill, 999px);transition:left,width var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__ticks{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}.fui-slider__tick{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--fui-secondary-50, #94a3b8);transform:translate(-50%,-50%);top:50%;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-slider__tick--active{background-color:var(--fui-primary)}.fui-slider__thumb{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--fui-primary);transform:translate(-50%);cursor:grab;z-index:2;outline:none;transition:left,transform,box-shadow var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__thumb:hover{box-shadow:0 0 0 6px rgba(var(--fui-primary-rgb, 99, 102, 241),.15)}.fui-slider__thumb:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--fui-surface-inverse, #1e293b);color:var(--fui-text-inverse, #fff);font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01, .75rem);font-weight:var(--fui-font-weight-medium, 500);line-height:1.2;white-space:nowrap;border-radius:var(--fui-border-radius-sm, 4px);pointer-events:none;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-slider__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--fui-surface-inverse, #1e293b)}.fui-slider--dragging .fui-slider__thumb{cursor:grabbing;transform:translate(-50%) scale(1.15);box-shadow:0 0 0 8px rgba(var(--fui-primary-rgb, 99, 102, 241),.2)}.fui-slider--dragging .fui-slider__track-fill{transition:none}.fui-slider--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-slider--disabled .fui-slider__thumb{cursor:not-allowed}.fui-slider--range .fui-slider__thumb--high{z-index:3}@media(prefers-contrast:high){.fui-slider__thumb{border:2px solid CanvasText}.fui-slider__track{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.fui-slider__thumb,.fui-slider__track-fill,.fui-slider__tooltip,.fui-slider__tick{transition:none}}\n"] }]
+                    ], template: "<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\r\n  <div class=\"fui-slider__track\">\r\n    <div\r\n      class=\"fui-slider__track-fill\"\r\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\r\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\r\n    ></div>\r\n  </div>\r\n\r\n  @if (showTicks()) {\r\n    <div class=\"fui-slider__ticks\">\r\n      @for (tick of _tickValues(); track tick) {\r\n        <div\r\n          class=\"fui-slider__tick\"\r\n          [style.left.%]=\"_valueToPercent(tick)\"\r\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\r\n        ></div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\r\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\r\n    role=\"slider\"\r\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\r\n    [attr.aria-valuemin]=\"min()\"\r\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\r\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\r\n    aria-orientation=\"horizontal\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\r\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\r\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\r\n    (focus)=\"_hovered.set('low')\"\r\n    (blur)=\"_hovered.set(null)\"\r\n  >\r\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\r\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\r\n    }\r\n  </div>\r\n\r\n  @if (range()) {\r\n    <div\r\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\r\n      [style.left.%]=\"_percentageHigh()\"\r\n      role=\"slider\"\r\n      [attr.aria-valuenow]=\"_valueHigh()\"\r\n      [attr.aria-valuemin]=\"_valueLow()\"\r\n      [attr.aria-valuemax]=\"max()\"\r\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\r\n      aria-orientation=\"horizontal\"\r\n      [attr.aria-disabled]=\"disabled()\"\r\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\r\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\r\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\r\n      (focus)=\"_hovered.set('high')\"\r\n      (blur)=\"_hovered.set(null)\"\r\n    >\r\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\r\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\r\n      }\r\n    </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)}.fui-slider{display:block;position:relative;width:100%;padding:10px 0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fui-slider__container{position:relative;width:100%;height:20px;display:flex;align-items:center}.fui-slider__track{position:absolute;left:0;right:0;height:4px;border-radius:var(--fui-border-radius-pill, 999px);background-color:var(--fui-secondary-30, #e2e8f0);overflow:hidden}.fui-slider__track-fill{position:absolute;top:0;bottom:0;background-color:var(--fui-primary);border-radius:var(--fui-border-radius-pill, 999px);transition:left,width var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__ticks{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none}.fui-slider__tick{position:absolute;width:4px;height:4px;border-radius:50%;background-color:var(--fui-secondary-50, #94a3b8);transform:translate(-50%,-50%);top:50%;transition:background-color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-slider__tick--active{background-color:var(--fui-primary)}.fui-slider__thumb{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--fui-primary);transform:translate(-50%);cursor:grab;z-index:2;outline:none;transition:left,transform,box-shadow var(--fui-duration-fast-01, 70ms) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1)) 0ms}.fui-slider__thumb:hover{box-shadow:0 0 0 6px rgba(var(--fui-primary-rgb, 99, 102, 241),.15)}.fui-slider__thumb:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-slider__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--fui-surface-inverse, #1e293b);color:var(--fui-text-inverse, #fff);font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-01, .75rem);font-weight:var(--fui-font-weight-medium, 500);line-height:1.2;white-space:nowrap;border-radius:var(--fui-border-radius-sm, 4px);pointer-events:none;transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-slider__tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--fui-surface-inverse, #1e293b)}.fui-slider--dragging .fui-slider__thumb{cursor:grabbing;transform:translate(-50%) scale(1.15);box-shadow:0 0 0 8px rgba(var(--fui-primary-rgb, 99, 102, 241),.2)}.fui-slider--dragging .fui-slider__track-fill{transition:none}.fui-slider--disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled, .38);pointer-events:none}.fui-slider--disabled .fui-slider__thumb{cursor:not-allowed}.fui-slider--range .fui-slider__thumb--high{z-index:3}@media(prefers-contrast:high){.fui-slider__thumb{border:2px solid CanvasText}.fui-slider__track{border:1px solid CanvasText}}@media(prefers-reduced-motion:reduce){.fui-slider__thumb,.fui-slider__track-fill,.fui-slider__tooltip,.fui-slider__tick{transition:none}}\n"] }]
         }], propDecorators: { min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], showTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTicks", required: false }] }], showTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltip", required: false }] }], formatLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelLow: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelLow", required: false }] }], ariaLabelHigh: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelHigh", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], dragStart: [{ type: i0.Output, args: ["dragStart"] }], dragEnd: [{ type: i0.Output, args: ["dragEnd"] }], _sliderContainer: [{ type: i0.ViewChild, args: ['sliderContainer', { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-slider.mjs","sources":["../../../lib/components/slider/slider.component.ts","../../../lib/components/slider/slider.component.html","../../../lib/components/slider/raintonic-formaui-components-slider.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  input,\n  output,\n  computed,\n  signal,\n  viewChild,\n  ElementRef,\n  Signal,\n  WritableSignal,\n  OnDestroy,\n  booleanAttribute,\n  DOCUMENT,\n  inject,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SliderValue, SliderFormatLabelFn } from './slider.types';\n\n/**\n * # FuiSliderComponent\n *\n * A slider (range input) component with single and dual-thumb (range) support.\n * Integrates with Angular Reactive Forms via ControlValueAccessor.\n *\n * ## Features\n * - Single value and range (dual-thumb) modes\n * - Configurable min/max/step\n * - Optional tick marks and tooltips\n * - Custom label formatting\n * - Keyboard navigation (Arrow keys, Home, End, PageUp/Down)\n * - Drag and click-to-move interaction\n * - Full accessibility (ARIA slider role)\n *\n * ## Usage\n *\n * ### Basic Slider\n * ```html\n * <fui-slider [formControl]=\"volumeControl\"></fui-slider>\n * ```\n *\n * ### Range Slider\n * ```html\n * <fui-slider [range]=\"true\" [formControl]=\"priceRange\"></fui-slider>\n * ```\n *\n * ### With Ticks and Custom Label\n * ```html\n * <fui-slider [showTicks]=\"true\" [formatLabel]=\"formatCurrency\" [min]=\"0\" [max]=\"1000\" [step]=\"100\"></fui-slider>\n * ```\n */\n@Component({\n  selector: 'fui-slider',\n  standalone: true,\n  imports: [],\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-slider',\n    '[class.fui-slider--disabled]': 'disabled()',\n    '[class.fui-slider--range]': 'range()',\n    '[class.fui-slider--dragging]': '_dragging() !== null',\n  },\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: FuiSliderComponent,\n      multi: true,\n    },\n  ],\n})\nexport class FuiSliderComponent implements ControlValueAccessor, OnDestroy {\n  private readonly _document = inject(DOCUMENT);\n\n  // Inputs\n  readonly min = input(0);\n  readonly max = input(100);\n  readonly step = input(1);\n  readonly range = input<boolean, unknown>(false, { transform: booleanAttribute });\n  readonly showTicks = input<boolean, unknown>(false, { transform: booleanAttribute });\n  readonly showTooltip = input<boolean, unknown>(true, { transform: booleanAttribute });\n  readonly formatLabel = input<SliderFormatLabelFn>((v: number) => String(v));\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n  readonly ariaLabelLow = input<string | null>(null);\n  readonly ariaLabelHigh = input<string | null>(null);\n\n  // Outputs\n  readonly valueChange = output<SliderValue>();\n  readonly dragStart = output();\n  readonly dragEnd = output();\n\n  // Internal state\n  readonly _value: WritableSignal<number> = signal(0);\n  readonly _valueLow: WritableSignal<number> = signal(0);\n  readonly _valueHigh: WritableSignal<number> = signal(100);\n  readonly _dragging: WritableSignal<'low' | 'high' | null> = signal(null);\n  readonly _hovered: WritableSignal<'low' | 'high' | null> = signal(null);\n\n  // ViewChild\n  readonly _sliderContainer: Signal<ElementRef<HTMLElement> | undefined> =\n    viewChild<ElementRef<HTMLElement>>('sliderContainer');\n\n  // Computed: percentages\n  readonly _percentage: Signal<number> = computed(() => this._valueToPercent(this._value()));\n\n  readonly _percentageLow: Signal<number> = computed(() => this._valueToPercent(this._valueLow()));\n\n  readonly _percentageHigh: Signal<number> = computed(() => this._valueToPercent(this._valueHigh()));\n\n  // Computed: tick values\n  readonly _tickValues: Signal<number[]> = computed(() => {\n    const minVal = this.min();\n    const maxVal = this.max();\n    const stepVal = this.step();\n    const ticks: number[] = [];\n    for (let v = minVal; v <= maxVal; v += stepVal) {\n      ticks.push(v);\n    }\n    // Ensure max is included\n    if (ticks[ticks.length - 1] !== maxVal) {\n      ticks.push(maxVal);\n    }\n    return ticks;\n  });\n\n  // CVA callbacks\n  private _onChange: (value: SliderValue) => void = () => {\n    // Intentionally empty: will be replaced by Angular forms\n  };\n  private _onTouched: () => void = () => {\n    // Intentionally empty: will be replaced by Angular forms\n  };\n\n  // Bound event handlers for cleanup\n  private _boundOnMouseMove = this._onMouseMove.bind(this);\n  private _boundOnMouseUp = this._onMouseUp.bind(this);\n  private _boundOnTouchMove = this._onTouchMove.bind(this);\n  private _boundOnTouchEnd = this._onTouchEnd.bind(this);\n\n  // ControlValueAccessor\n  writeValue(value: SliderValue): void {\n    if (value == null) return;\n\n    if (Array.isArray(value)) {\n      this._valueLow.set(this._clamp(value[0], this.min(), this.max()));\n      this._valueHigh.set(this._clamp(value[1], this.min(), this.max()));\n    } else {\n      this._value.set(this._clamp(value, this.min(), this.max()));\n    }\n  }\n\n  registerOnChange(fn: (value: SliderValue) => void): void {\n    this._onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this._onTouched = fn;\n  }\n\n  setDisabledState(_isDisabled: boolean): void {\n    // disabled is handled by input signal\n  }\n\n  ngOnDestroy(): void {\n    this._removeDocumentListeners();\n  }\n\n  // === Public helpers (used in template) ===\n\n  _valueToPercent(value: number): number {\n    const minVal = this.min();\n    const maxVal = this.max();\n    if (maxVal === minVal) return 0;\n    return ((value - minVal) / (maxVal - minVal)) * 100;\n  }\n\n  _isTickActive(tick: number): boolean {\n    if (this.range()) {\n      return tick >= this._valueLow() && tick <= this._valueHigh();\n    }\n    return tick <= this._value();\n  }\n\n  _snapToStep(value: number): number {\n    const stepVal = this.step();\n    const minVal = this.min();\n    const snapped = Math.round((value - minVal) / stepVal) * stepVal + minVal;\n    // Clamp to min/max and round to avoid floating point issues\n    return this._clamp(parseFloat(snapped.toFixed(10)), this.min(), this.max());\n  }\n\n  _clamp(value: number, min: number, max: number): number {\n    return Math.min(Math.max(value, min), max);\n  }\n\n  // === Event handlers ===\n\n  _onTrackClick(event: MouseEvent): void {\n    if (this.disabled()) return;\n    // Ignore clicks on thumb elements\n    const target = event.target as HTMLElement;\n    if (target.classList.contains('fui-slider__thumb')) return;\n\n    const value = this._getValueFromEvent(event);\n    if (value === null) return;\n\n    this._setNearestThumb(value);\n    this._emitChange();\n    this._onTouched();\n  }\n\n  _onThumbMouseDown(event: MouseEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n\n    this._dragging.set(thumb);\n    this.dragStart.emit();\n\n    this._document.addEventListener('mousemove', this._boundOnMouseMove);\n    this._document.addEventListener('mouseup', this._boundOnMouseUp);\n  }\n\n  _onThumbTouchStart(event: TouchEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n\n    this._dragging.set(thumb);\n    this.dragStart.emit();\n\n    this._document.addEventListener('touchmove', this._boundOnTouchMove, { passive: false });\n    this._document.addEventListener('touchend', this._boundOnTouchEnd);\n  }\n\n  _onThumbKeydown(event: KeyboardEvent, thumb: 'low' | 'high'): void {\n    if (this.disabled()) return;\n\n    const stepVal = this.step();\n    let delta = 0;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        delta = stepVal;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        delta = -stepVal;\n        break;\n      case 'PageUp':\n        delta = stepVal * 10;\n        break;\n      case 'PageDown':\n        delta = -stepVal * 10;\n        break;\n      case 'Home':\n        this._setThumbValue(thumb, this.min());\n        this._emitChange();\n        event.preventDefault();\n        return;\n      case 'End':\n        this._setThumbValue(thumb, this.max());\n        this._emitChange();\n        event.preventDefault();\n        return;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    const currentValue = this._getThumbValue(thumb);\n    const newValue = this._snapToStep(this._clamp(currentValue + delta, this.min(), this.max()));\n    this._setThumbValue(thumb, newValue);\n    this._emitChange();\n    this._onTouched();\n  }\n\n  // === Private methods ===\n\n  private _onMouseMove(event: MouseEvent): void {\n    const value = this._getValueFromEvent(event);\n    if (value === null) return;\n    this._updateDraggingThumb(value);\n  }\n\n  private _onMouseUp(): void {\n    this._endDrag();\n    this._document.removeEventListener('mousemove', this._boundOnMouseMove);\n    this._document.removeEventListener('mouseup', this._boundOnMouseUp);\n  }\n\n  private _onTouchMove(event: TouchEvent): void {\n    event.preventDefault();\n    if (event.touches.length === 0) return;\n    const touch = event.touches[0];\n    const value = this._getValueFromClientX(touch.clientX);\n    if (value === null) return;\n    this._updateDraggingThumb(value);\n  }\n\n  private _onTouchEnd(): void {\n    this._endDrag();\n    this._document.removeEventListener('touchmove', this._boundOnTouchMove);\n    this._document.removeEventListener('touchend', this._boundOnTouchEnd);\n  }\n\n  private _endDrag(): void {\n    if (this._dragging() !== null) {\n      this._dragging.set(null);\n      this.dragEnd.emit();\n      this._onTouched();\n    }\n  }\n\n  private _removeDocumentListeners(): void {\n    this._document.removeEventListener('mousemove', this._boundOnMouseMove);\n    this._document.removeEventListener('mouseup', this._boundOnMouseUp);\n    this._document.removeEventListener('touchmove', this._boundOnTouchMove);\n    this._document.removeEventListener('touchend', this._boundOnTouchEnd);\n  }\n\n  private _getValueFromEvent(event: MouseEvent): number | null {\n    return this._getValueFromClientX(event.clientX);\n  }\n\n  private _getValueFromClientX(clientX: number): number | null {\n    const container = this._sliderContainer();\n    if (!container) return null;\n\n    const rect = container.nativeElement.getBoundingClientRect();\n    const percent = this._clamp((clientX - rect.left) / rect.width, 0, 1);\n    const rawValue = this.min() + percent * (this.max() - this.min());\n    return this._snapToStep(rawValue);\n  }\n\n  private _updateDraggingThumb(value: number): void {\n    const thumb = this._dragging();\n    if (thumb === null) return;\n    this._setThumbValue(thumb, value);\n    this._emitChange();\n  }\n\n  private _getThumbValue(thumb: 'low' | 'high'): number {\n    if (this.range()) {\n      return thumb === 'low' ? this._valueLow() : this._valueHigh();\n    }\n    return this._value();\n  }\n\n  private _setThumbValue(thumb: 'low' | 'high', value: number): void {\n    if (this.range()) {\n      if (thumb === 'low') {\n        // Prevent low from exceeding high\n        this._valueLow.set(this._clamp(value, this.min(), this._valueHigh()));\n      } else {\n        // Prevent high from going below low\n        this._valueHigh.set(this._clamp(value, this._valueLow(), this.max()));\n      }\n    } else {\n      this._value.set(value);\n    }\n  }\n\n  private _setNearestThumb(value: number): void {\n    if (this.range()) {\n      const distLow = Math.abs(value - this._valueLow());\n      const distHigh = Math.abs(value - this._valueHigh());\n      if (distLow <= distHigh) {\n        this._setThumbValue('low', value);\n      } else {\n        this._setThumbValue('high', value);\n      }\n    } else {\n      this._value.set(value);\n    }\n  }\n\n  private _emitChange(): void {\n    const val = this.range() ? ([this._valueLow(), this._valueHigh()] as [number, number]) : this._value();\n    this._onChange(val);\n    this.valueChange.emit(val);\n  }\n}\n","<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\n  <div class=\"fui-slider__track\">\n    <div\n      class=\"fui-slider__track-fill\"\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\n    ></div>\n  </div>\n\n  @if (showTicks()) {\n    <div class=\"fui-slider__ticks\">\n      @for (tick of _tickValues(); track tick) {\n        <div\n          class=\"fui-slider__tick\"\n          [style.left.%]=\"_valueToPercent(tick)\"\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\n        ></div>\n      }\n    </div>\n  }\n\n  <div\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\n    role=\"slider\"\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\n    [attr.aria-valuemin]=\"min()\"\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\n    aria-orientation=\"horizontal\"\n    [attr.aria-disabled]=\"disabled()\"\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\n    (focus)=\"_hovered.set('low')\"\n    (blur)=\"_hovered.set(null)\"\n  >\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\n    }\n  </div>\n\n  @if (range()) {\n    <div\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\n      [style.left.%]=\"_percentageHigh()\"\n      role=\"slider\"\n      [attr.aria-valuenow]=\"_valueHigh()\"\n      [attr.aria-valuemin]=\"_valueLow()\"\n      [attr.aria-valuemax]=\"max()\"\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\n      aria-orientation=\"horizontal\"\n      [attr.aria-disabled]=\"disabled()\"\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\n      (focus)=\"_hovered.set('high')\"\n      (blur)=\"_hovered.set(null)\"\n    >\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"raintonic-formaui-components-slider.mjs","sources":["../../../lib/components/slider/slider.component.ts","../../../lib/components/slider/slider.component.html","../../../lib/components/slider/raintonic-formaui-components-slider.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy,\r\n  ViewEncapsulation,\r\n  input,\r\n  output,\r\n  computed,\r\n  signal,\r\n  viewChild,\r\n  ElementRef,\r\n  Signal,\r\n  WritableSignal,\r\n  OnDestroy,\r\n  booleanAttribute,\r\n  DOCUMENT,\r\n  inject,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { SliderValue, SliderFormatLabelFn } from './slider.types';\r\n\r\n/**\r\n * # FuiSliderComponent\r\n *\r\n * A slider (range input) component with single and dual-thumb (range) support.\r\n * Integrates with Angular Reactive Forms via ControlValueAccessor.\r\n *\r\n * ## Features\r\n * - Single value and range (dual-thumb) modes\r\n * - Configurable min/max/step\r\n * - Optional tick marks and tooltips\r\n * - Custom label formatting\r\n * - Keyboard navigation (Arrow keys, Home, End, PageUp/Down)\r\n * - Drag and click-to-move interaction\r\n * - Full accessibility (ARIA slider role)\r\n *\r\n * ## Usage\r\n *\r\n * ### Basic Slider\r\n * ```html\r\n * <fui-slider [formControl]=\"volumeControl\"></fui-slider>\r\n * ```\r\n *\r\n * ### Range Slider\r\n * ```html\r\n * <fui-slider [range]=\"true\" [formControl]=\"priceRange\"></fui-slider>\r\n * ```\r\n *\r\n * ### With Ticks and Custom Label\r\n * ```html\r\n * <fui-slider [showTicks]=\"true\" [formatLabel]=\"formatCurrency\" [min]=\"0\" [max]=\"1000\" [step]=\"100\"></fui-slider>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'fui-slider',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './slider.component.html',\r\n  styleUrls: ['./slider.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-slider',\r\n    '[class.fui-slider--disabled]': 'disabled()',\r\n    '[class.fui-slider--range]': 'range()',\r\n    '[class.fui-slider--dragging]': '_dragging() !== null',\r\n  },\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: FuiSliderComponent,\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class FuiSliderComponent implements ControlValueAccessor, OnDestroy {\r\n  private readonly _document = inject(DOCUMENT);\r\n\r\n  // Inputs\r\n  readonly min = input(0);\r\n  readonly max = input(100);\r\n  readonly step = input(1);\r\n  readonly range = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly showTicks = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly showTooltip = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n  readonly formatLabel = input<SliderFormatLabelFn>((v: number) => String(v));\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\r\n  readonly ariaLabelLow = input<string | null>(null);\r\n  readonly ariaLabelHigh = input<string | null>(null);\r\n\r\n  // Outputs\r\n  readonly valueChange = output<SliderValue>();\r\n  readonly dragStart = output();\r\n  readonly dragEnd = output();\r\n\r\n  // Internal state\r\n  readonly _value: WritableSignal<number> = signal(0);\r\n  readonly _valueLow: WritableSignal<number> = signal(0);\r\n  readonly _valueHigh: WritableSignal<number> = signal(100);\r\n  readonly _dragging: WritableSignal<'low' | 'high' | null> = signal(null);\r\n  readonly _hovered: WritableSignal<'low' | 'high' | null> = signal(null);\r\n\r\n  // ViewChild\r\n  readonly _sliderContainer: Signal<ElementRef<HTMLElement> | undefined> =\r\n    viewChild<ElementRef<HTMLElement>>('sliderContainer');\r\n\r\n  // Computed: percentages\r\n  readonly _percentage: Signal<number> = computed(() => this._valueToPercent(this._value()));\r\n\r\n  readonly _percentageLow: Signal<number> = computed(() => this._valueToPercent(this._valueLow()));\r\n\r\n  readonly _percentageHigh: Signal<number> = computed(() => this._valueToPercent(this._valueHigh()));\r\n\r\n  // Computed: tick values\r\n  readonly _tickValues: Signal<number[]> = computed(() => {\r\n    const minVal = this.min();\r\n    const maxVal = this.max();\r\n    const stepVal = this.step();\r\n    const ticks: number[] = [];\r\n    for (let v = minVal; v <= maxVal; v += stepVal) {\r\n      ticks.push(v);\r\n    }\r\n    // Ensure max is included\r\n    if (ticks[ticks.length - 1] !== maxVal) {\r\n      ticks.push(maxVal);\r\n    }\r\n    return ticks;\r\n  });\r\n\r\n  // CVA callbacks\r\n  private _onChange: (value: SliderValue) => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n  private _onTouched: () => void = () => {\r\n    // Intentionally empty: will be replaced by Angular forms\r\n  };\r\n\r\n  // Bound event handlers for cleanup\r\n  private _boundOnMouseMove = this._onMouseMove.bind(this);\r\n  private _boundOnMouseUp = this._onMouseUp.bind(this);\r\n  private _boundOnTouchMove = this._onTouchMove.bind(this);\r\n  private _boundOnTouchEnd = this._onTouchEnd.bind(this);\r\n\r\n  // ControlValueAccessor\r\n  writeValue(value: SliderValue): void {\r\n    if (value == null) return;\r\n\r\n    if (Array.isArray(value)) {\r\n      this._valueLow.set(this._clamp(value[0], this.min(), this.max()));\r\n      this._valueHigh.set(this._clamp(value[1], this.min(), this.max()));\r\n    } else {\r\n      this._value.set(this._clamp(value, this.min(), this.max()));\r\n    }\r\n  }\r\n\r\n  registerOnChange(fn: (value: SliderValue) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  setDisabledState(_isDisabled: boolean): void {\r\n    // disabled is handled by input signal\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._removeDocumentListeners();\r\n  }\r\n\r\n  // === Public helpers (used in template) ===\r\n\r\n  _valueToPercent(value: number): number {\r\n    const minVal = this.min();\r\n    const maxVal = this.max();\r\n    if (maxVal === minVal) return 0;\r\n    return ((value - minVal) / (maxVal - minVal)) * 100;\r\n  }\r\n\r\n  _isTickActive(tick: number): boolean {\r\n    if (this.range()) {\r\n      return tick >= this._valueLow() && tick <= this._valueHigh();\r\n    }\r\n    return tick <= this._value();\r\n  }\r\n\r\n  _snapToStep(value: number): number {\r\n    const stepVal = this.step();\r\n    const minVal = this.min();\r\n    const snapped = Math.round((value - minVal) / stepVal) * stepVal + minVal;\r\n    // Clamp to min/max and round to avoid floating point issues\r\n    return this._clamp(parseFloat(snapped.toFixed(10)), this.min(), this.max());\r\n  }\r\n\r\n  _clamp(value: number, min: number, max: number): number {\r\n    return Math.min(Math.max(value, min), max);\r\n  }\r\n\r\n  // === Event handlers ===\r\n\r\n  _onTrackClick(event: MouseEvent): void {\r\n    if (this.disabled()) return;\r\n    // Ignore clicks on thumb elements\r\n    const target = event.target as HTMLElement;\r\n    if (target.classList.contains('fui-slider__thumb')) return;\r\n\r\n    const value = this._getValueFromEvent(event);\r\n    if (value === null) return;\r\n\r\n    this._setNearestThumb(value);\r\n    this._emitChange();\r\n    this._onTouched();\r\n  }\r\n\r\n  _onThumbMouseDown(event: MouseEvent, thumb: 'low' | 'high'): void {\r\n    if (this.disabled()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    this._dragging.set(thumb);\r\n    this.dragStart.emit();\r\n\r\n    this._document.addEventListener('mousemove', this._boundOnMouseMove);\r\n    this._document.addEventListener('mouseup', this._boundOnMouseUp);\r\n  }\r\n\r\n  _onThumbTouchStart(event: TouchEvent, thumb: 'low' | 'high'): void {\r\n    if (this.disabled()) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    this._dragging.set(thumb);\r\n    this.dragStart.emit();\r\n\r\n    this._document.addEventListener('touchmove', this._boundOnTouchMove, { passive: false });\r\n    this._document.addEventListener('touchend', this._boundOnTouchEnd);\r\n  }\r\n\r\n  _onThumbKeydown(event: KeyboardEvent, thumb: 'low' | 'high'): void {\r\n    if (this.disabled()) return;\r\n\r\n    const stepVal = this.step();\r\n    let delta = 0;\r\n\r\n    switch (event.key) {\r\n      case 'ArrowRight':\r\n      case 'ArrowUp':\r\n        delta = stepVal;\r\n        break;\r\n      case 'ArrowLeft':\r\n      case 'ArrowDown':\r\n        delta = -stepVal;\r\n        break;\r\n      case 'PageUp':\r\n        delta = stepVal * 10;\r\n        break;\r\n      case 'PageDown':\r\n        delta = -stepVal * 10;\r\n        break;\r\n      case 'Home':\r\n        this._setThumbValue(thumb, this.min());\r\n        this._emitChange();\r\n        event.preventDefault();\r\n        return;\r\n      case 'End':\r\n        this._setThumbValue(thumb, this.max());\r\n        this._emitChange();\r\n        event.preventDefault();\r\n        return;\r\n      default:\r\n        return;\r\n    }\r\n\r\n    event.preventDefault();\r\n    const currentValue = this._getThumbValue(thumb);\r\n    const newValue = this._snapToStep(this._clamp(currentValue + delta, this.min(), this.max()));\r\n    this._setThumbValue(thumb, newValue);\r\n    this._emitChange();\r\n    this._onTouched();\r\n  }\r\n\r\n  // === Private methods ===\r\n\r\n  private _onMouseMove(event: MouseEvent): void {\r\n    const value = this._getValueFromEvent(event);\r\n    if (value === null) return;\r\n    this._updateDraggingThumb(value);\r\n  }\r\n\r\n  private _onMouseUp(): void {\r\n    this._endDrag();\r\n    this._document.removeEventListener('mousemove', this._boundOnMouseMove);\r\n    this._document.removeEventListener('mouseup', this._boundOnMouseUp);\r\n  }\r\n\r\n  private _onTouchMove(event: TouchEvent): void {\r\n    event.preventDefault();\r\n    if (event.touches.length === 0) return;\r\n    const touch = event.touches[0];\r\n    const value = this._getValueFromClientX(touch.clientX);\r\n    if (value === null) return;\r\n    this._updateDraggingThumb(value);\r\n  }\r\n\r\n  private _onTouchEnd(): void {\r\n    this._endDrag();\r\n    this._document.removeEventListener('touchmove', this._boundOnTouchMove);\r\n    this._document.removeEventListener('touchend', this._boundOnTouchEnd);\r\n  }\r\n\r\n  private _endDrag(): void {\r\n    if (this._dragging() !== null) {\r\n      this._dragging.set(null);\r\n      this.dragEnd.emit();\r\n      this._onTouched();\r\n    }\r\n  }\r\n\r\n  private _removeDocumentListeners(): void {\r\n    this._document.removeEventListener('mousemove', this._boundOnMouseMove);\r\n    this._document.removeEventListener('mouseup', this._boundOnMouseUp);\r\n    this._document.removeEventListener('touchmove', this._boundOnTouchMove);\r\n    this._document.removeEventListener('touchend', this._boundOnTouchEnd);\r\n  }\r\n\r\n  private _getValueFromEvent(event: MouseEvent): number | null {\r\n    return this._getValueFromClientX(event.clientX);\r\n  }\r\n\r\n  private _getValueFromClientX(clientX: number): number | null {\r\n    const container = this._sliderContainer();\r\n    if (!container) return null;\r\n\r\n    const rect = container.nativeElement.getBoundingClientRect();\r\n    const percent = this._clamp((clientX - rect.left) / rect.width, 0, 1);\r\n    const rawValue = this.min() + percent * (this.max() - this.min());\r\n    return this._snapToStep(rawValue);\r\n  }\r\n\r\n  private _updateDraggingThumb(value: number): void {\r\n    const thumb = this._dragging();\r\n    if (thumb === null) return;\r\n    this._setThumbValue(thumb, value);\r\n    this._emitChange();\r\n  }\r\n\r\n  private _getThumbValue(thumb: 'low' | 'high'): number {\r\n    if (this.range()) {\r\n      return thumb === 'low' ? this._valueLow() : this._valueHigh();\r\n    }\r\n    return this._value();\r\n  }\r\n\r\n  private _setThumbValue(thumb: 'low' | 'high', value: number): void {\r\n    if (this.range()) {\r\n      if (thumb === 'low') {\r\n        // Prevent low from exceeding high\r\n        this._valueLow.set(this._clamp(value, this.min(), this._valueHigh()));\r\n      } else {\r\n        // Prevent high from going below low\r\n        this._valueHigh.set(this._clamp(value, this._valueLow(), this.max()));\r\n      }\r\n    } else {\r\n      this._value.set(value);\r\n    }\r\n  }\r\n\r\n  private _setNearestThumb(value: number): void {\r\n    if (this.range()) {\r\n      const distLow = Math.abs(value - this._valueLow());\r\n      const distHigh = Math.abs(value - this._valueHigh());\r\n      if (distLow <= distHigh) {\r\n        this._setThumbValue('low', value);\r\n      } else {\r\n        this._setThumbValue('high', value);\r\n      }\r\n    } else {\r\n      this._value.set(value);\r\n    }\r\n  }\r\n\r\n  private _emitChange(): void {\r\n    const val = this.range() ? ([this._valueLow(), this._valueHigh()] as [number, number]) : this._value();\r\n    this._onChange(val);\r\n    this.valueChange.emit(val);\r\n  }\r\n}\r\n","<div class=\"fui-slider__container\" (click)=\"_onTrackClick($event)\" #sliderContainer>\r\n  <div class=\"fui-slider__track\">\r\n    <div\r\n      class=\"fui-slider__track-fill\"\r\n      [style.left.%]=\"range() ? _percentageLow() : 0\"\r\n      [style.width.%]=\"range() ? _percentageHigh() - _percentageLow() : _percentage()\"\r\n    ></div>\r\n  </div>\r\n\r\n  @if (showTicks()) {\r\n    <div class=\"fui-slider__ticks\">\r\n      @for (tick of _tickValues(); track tick) {\r\n        <div\r\n          class=\"fui-slider__tick\"\r\n          [style.left.%]=\"_valueToPercent(tick)\"\r\n          [class.fui-slider__tick--active]=\"_isTickActive(tick)\"\r\n        ></div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <div\r\n    class=\"fui-slider__thumb fui-slider__thumb--low\"\r\n    [style.left.%]=\"range() ? _percentageLow() : _percentage()\"\r\n    role=\"slider\"\r\n    [attr.aria-valuenow]=\"range() ? _valueLow() : _value()\"\r\n    [attr.aria-valuemin]=\"min()\"\r\n    [attr.aria-valuemax]=\"range() ? _valueHigh() : max()\"\r\n    [attr.aria-label]=\"range() ? ariaLabelLow() || 'Minimum value' : ariaLabel() || null\"\r\n    aria-orientation=\"horizontal\"\r\n    [attr.aria-disabled]=\"disabled()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n    (mousedown)=\"_onThumbMouseDown($event, 'low')\"\r\n    (touchstart)=\"_onThumbTouchStart($event, 'low')\"\r\n    (keydown)=\"_onThumbKeydown($event, 'low')\"\r\n    (focus)=\"_hovered.set('low')\"\r\n    (blur)=\"_hovered.set(null)\"\r\n  >\r\n    @if (showTooltip() && (_dragging() === 'low' || _hovered() === 'low')) {\r\n      <div class=\"fui-slider__tooltip\">{{ formatLabel()(range() ? _valueLow() : _value()) }}</div>\r\n    }\r\n  </div>\r\n\r\n  @if (range()) {\r\n    <div\r\n      class=\"fui-slider__thumb fui-slider__thumb--high\"\r\n      [style.left.%]=\"_percentageHigh()\"\r\n      role=\"slider\"\r\n      [attr.aria-valuenow]=\"_valueHigh()\"\r\n      [attr.aria-valuemin]=\"_valueLow()\"\r\n      [attr.aria-valuemax]=\"max()\"\r\n      [attr.aria-label]=\"ariaLabelHigh() || 'Maximum value'\"\r\n      aria-orientation=\"horizontal\"\r\n      [attr.aria-disabled]=\"disabled()\"\r\n      [attr.tabindex]=\"disabled() ? -1 : 0\"\r\n      (mousedown)=\"_onThumbMouseDown($event, 'high')\"\r\n      (touchstart)=\"_onThumbTouchStart($event, 'high')\"\r\n      (keydown)=\"_onThumbKeydown($event, 'high')\"\r\n      (focus)=\"_hovered.set('high')\"\r\n      (blur)=\"_hovered.set(null)\"\r\n    >\r\n      @if (showTooltip() && (_dragging() === 'high' || _hovered() === 'high')) {\r\n        <div class=\"fui-slider__tooltip\">{{ formatLabel()(_valueHigh()) }}</div>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -34,7 +34,7 @@ class FuiSpinnerComponent {
         return this.circumference - (this.clampedValue() / 100) * this.circumference;
     }, ...(ngDevMode ? [{ debugName: "strokeDashoffset" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiSpinnerComponent, isStandalone: true, selector: "fui-spinner", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "class.fui-spinner--sm": "size() === \"sm\"", "class.fui-spinner--md": "size() === \"md\"", "class.fui-spinner--lg": "size() === \"lg\"", "class.fui-spinner--overlay": "overlay()", "class.fui-spinner--determinate": "mode() === \"determinate\"", "class.fui-spinner--indeterminate": "mode() === \"indeterminate\"", "attr.aria-valuenow": "mode() === \"determinate\" ? clampedValue() : null", "attr.aria-valuemin": "mode() === \"determinate\" ? 0 : null", "attr.aria-valuemax": "mode() === \"determinate\" ? 100 : null", "attr.aria-label": "ariaLabel()" }, classAttribute: "fui-spinner" }, ngImport: i0, template: "@if (overlay()) {\n  <div class=\"fui-spinner__overlay\">\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n      @if (mode() === 'determinate') {\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n      }\n      <circle\n        class=\"fui-spinner__circle\"\n        cx=\"24\"\n        cy=\"24\"\n        r=\"20\"\n        fill=\"none\"\n        stroke-width=\"4\"\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n  </div>\n} @else {\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n    @if (mode() === 'determinate') {\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n    }\n    <circle\n      class=\"fui-spinner__circle\"\n      cx=\"24\"\n      cy=\"24\"\n      r=\"20\"\n      fill=\"none\"\n      stroke-width=\"4\"\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n}\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-spinner{display:inline-flex;align-items:center;justify-content:center;--fui-spinner-color: var(--fui-primary)}.fui-spinner--sm{width:1rem;height:1rem}.fui-spinner--md{width:2.5rem;height:2.5rem}.fui-spinner--lg{width:4rem;height:4rem}.fui-spinner__svg{width:100%;height:100%}.fui-spinner__track{stroke:var(--fui-surface-05, #e2e8f0)}.fui-spinner__circle{stroke:var(--fui-spinner-color);transform-origin:center}.fui-spinner--indeterminate .fui-spinner__svg{animation:fui-spin var(--fui-duration-slow-02, .7s) linear infinite}.fui-spinner--indeterminate .fui-spinner__circle{stroke-dasharray:80,200;stroke-dashoffset:0;animation:fui-spinner-dash 1.5s ease-in-out infinite}.fui-spinner--determinate .fui-spinner__circle{transition:stroke-dashoffset var(--fui-duration-moderate-01, .3s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1));transform:rotate(-90deg);transform-origin:center}.fui-spinner--overlay{position:static}.fui-spinner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--fui-white-70);z-index:var(--fui-z-index-overlay, 10);border-radius:inherit}.fui-theme-dark .fui-spinner__overlay{background-color:var(--fui-black-50)}@keyframes fui-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media(prefers-reduced-motion:reduce){.fui-spinner__svg,.fui-spinner__circle{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiSpinnerComponent, isStandalone: true, selector: "fui-spinner", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "class.fui-spinner--sm": "size() === \"sm\"", "class.fui-spinner--md": "size() === \"md\"", "class.fui-spinner--lg": "size() === \"lg\"", "class.fui-spinner--overlay": "overlay()", "class.fui-spinner--determinate": "mode() === \"determinate\"", "class.fui-spinner--indeterminate": "mode() === \"indeterminate\"", "attr.aria-valuenow": "mode() === \"determinate\" ? clampedValue() : null", "attr.aria-valuemin": "mode() === \"determinate\" ? 0 : null", "attr.aria-valuemax": "mode() === \"determinate\" ? 100 : null", "attr.aria-label": "ariaLabel()" }, classAttribute: "fui-spinner" }, ngImport: i0, template: "@if (overlay()) {\r\n  <div class=\"fui-spinner__overlay\">\r\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n      @if (mode() === 'determinate') {\r\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n      }\r\n      <circle\r\n        class=\"fui-spinner__circle\"\r\n        cx=\"24\"\r\n        cy=\"24\"\r\n        r=\"20\"\r\n        fill=\"none\"\r\n        stroke-width=\"4\"\r\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n        stroke-linecap=\"round\"\r\n      />\r\n    </svg>\r\n  </div>\r\n} @else {\r\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n    @if (mode() === 'determinate') {\r\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n    }\r\n    <circle\r\n      class=\"fui-spinner__circle\"\r\n      cx=\"24\"\r\n      cy=\"24\"\r\n      r=\"20\"\r\n      fill=\"none\"\r\n      stroke-width=\"4\"\r\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n      stroke-linecap=\"round\"\r\n    />\r\n  </svg>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-spinner{display:inline-flex;align-items:center;justify-content:center;--fui-spinner-color: var(--fui-primary)}.fui-spinner--sm{width:1rem;height:1rem}.fui-spinner--md{width:2.5rem;height:2.5rem}.fui-spinner--lg{width:4rem;height:4rem}.fui-spinner__svg{width:100%;height:100%}.fui-spinner__track{stroke:var(--fui-surface-05, #e2e8f0)}.fui-spinner__circle{stroke:var(--fui-spinner-color);transform-origin:center}.fui-spinner--indeterminate .fui-spinner__svg{animation:fui-spin var(--fui-duration-slow-02, .7s) linear infinite}.fui-spinner--indeterminate .fui-spinner__circle{stroke-dasharray:80,200;stroke-dashoffset:0;animation:fui-spinner-dash 1.5s ease-in-out infinite}.fui-spinner--determinate .fui-spinner__circle{transition:stroke-dashoffset var(--fui-duration-moderate-01, .3s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1));transform:rotate(-90deg);transform-origin:center}.fui-spinner--overlay{position:static}.fui-spinner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--fui-white-70);z-index:var(--fui-z-index-overlay, 10);border-radius:inherit}.fui-theme-dark .fui-spinner__overlay{background-color:var(--fui-black-50)}@keyframes fui-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media(prefers-reduced-motion:reduce){.fui-spinner__svg,.fui-spinner__circle{animation:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiSpinnerComponent, decorators: [{
             type: Component,
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImpor
                         '[attr.aria-valuemin]': 'mode() === "determinate" ? 0 : null',
                         '[attr.aria-valuemax]': 'mode() === "determinate" ? 100 : null',
                         '[attr.aria-label]': 'ariaLabel()',
-                    }, template: "@if (overlay()) {\n  <div class=\"fui-spinner__overlay\">\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n      @if (mode() === 'determinate') {\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n      }\n      <circle\n        class=\"fui-spinner__circle\"\n        cx=\"24\"\n        cy=\"24\"\n        r=\"20\"\n        fill=\"none\"\n        stroke-width=\"4\"\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n  </div>\n} @else {\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n    @if (mode() === 'determinate') {\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n    }\n    <circle\n      class=\"fui-spinner__circle\"\n      cx=\"24\"\n      cy=\"24\"\n      r=\"20\"\n      fill=\"none\"\n      stroke-width=\"4\"\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n}\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-spinner{display:inline-flex;align-items:center;justify-content:center;--fui-spinner-color: var(--fui-primary)}.fui-spinner--sm{width:1rem;height:1rem}.fui-spinner--md{width:2.5rem;height:2.5rem}.fui-spinner--lg{width:4rem;height:4rem}.fui-spinner__svg{width:100%;height:100%}.fui-spinner__track{stroke:var(--fui-surface-05, #e2e8f0)}.fui-spinner__circle{stroke:var(--fui-spinner-color);transform-origin:center}.fui-spinner--indeterminate .fui-spinner__svg{animation:fui-spin var(--fui-duration-slow-02, .7s) linear infinite}.fui-spinner--indeterminate .fui-spinner__circle{stroke-dasharray:80,200;stroke-dashoffset:0;animation:fui-spinner-dash 1.5s ease-in-out infinite}.fui-spinner--determinate .fui-spinner__circle{transition:stroke-dashoffset var(--fui-duration-moderate-01, .3s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1));transform:rotate(-90deg);transform-origin:center}.fui-spinner--overlay{position:static}.fui-spinner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--fui-white-70);z-index:var(--fui-z-index-overlay, 10);border-radius:inherit}.fui-theme-dark .fui-spinner__overlay{background-color:var(--fui-black-50)}@keyframes fui-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media(prefers-reduced-motion:reduce){.fui-spinner__svg,.fui-spinner__circle{animation:none}}\n"] }]
+                    }, template: "@if (overlay()) {\r\n  <div class=\"fui-spinner__overlay\">\r\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n      @if (mode() === 'determinate') {\r\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n      }\r\n      <circle\r\n        class=\"fui-spinner__circle\"\r\n        cx=\"24\"\r\n        cy=\"24\"\r\n        r=\"20\"\r\n        fill=\"none\"\r\n        stroke-width=\"4\"\r\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n        stroke-linecap=\"round\"\r\n      />\r\n    </svg>\r\n  </div>\r\n} @else {\r\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n    @if (mode() === 'determinate') {\r\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n    }\r\n    <circle\r\n      class=\"fui-spinner__circle\"\r\n      cx=\"24\"\r\n      cy=\"24\"\r\n      r=\"20\"\r\n      fill=\"none\"\r\n      stroke-width=\"4\"\r\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n      stroke-linecap=\"round\"\r\n    />\r\n  </svg>\r\n}\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-spinner{display:inline-flex;align-items:center;justify-content:center;--fui-spinner-color: var(--fui-primary)}.fui-spinner--sm{width:1rem;height:1rem}.fui-spinner--md{width:2.5rem;height:2.5rem}.fui-spinner--lg{width:4rem;height:4rem}.fui-spinner__svg{width:100%;height:100%}.fui-spinner__track{stroke:var(--fui-surface-05, #e2e8f0)}.fui-spinner__circle{stroke:var(--fui-spinner-color);transform-origin:center}.fui-spinner--indeterminate .fui-spinner__svg{animation:fui-spin var(--fui-duration-slow-02, .7s) linear infinite}.fui-spinner--indeterminate .fui-spinner__circle{stroke-dasharray:80,200;stroke-dashoffset:0;animation:fui-spinner-dash 1.5s ease-in-out infinite}.fui-spinner--determinate .fui-spinner__circle{transition:stroke-dashoffset var(--fui-duration-moderate-01, .3s) var(--fui-ease-standard, cubic-bezier(.4, 0, .2, 1));transform:rotate(-90deg);transform-origin:center}.fui-spinner--overlay{position:static}.fui-spinner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--fui-white-70);z-index:var(--fui-z-index-overlay, 10);border-radius:inherit}.fui-theme-dark .fui-spinner__overlay{background-color:var(--fui-black-50)}@keyframes fui-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@media(prefers-reduced-motion:reduce){.fui-spinner__svg,.fui-spinner__circle{animation:none}}\n"] }]
         }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-spinner.mjs","sources":["../../../lib/components/spinner/spinner.component.ts","../../../lib/components/spinner/spinner.component.html","../../../lib/components/spinner/raintonic-formaui-components-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, numberAttribute } from '@angular/core';\nimport { FuiSpinnerMode, FuiSpinnerSize } from './spinner.types';\n\n/**\n * @component FuiSpinnerComponent\n * @selector fui-spinner\n * @description A circular loading spinner with determinate and indeterminate modes.\n * Supports an overlay mode that covers its parent container.\n *\n * @input mode - Spinner mode: 'determinate' | 'indeterminate'. Default 'indeterminate'.\n * @input value - Progress value (0-100) for determinate mode. Default 0.\n * @input size - Spinner size: 'sm' | 'md' | 'lg'. Default 'md'.\n * @input color - Optional custom CSS color for the spinner stroke.\n * @input overlay - Whether to render as a full-area overlay. Default false.\n * @input ariaLabel - Accessible label. Default 'Loading'.\n *\n * @example\n * <fui-spinner></fui-spinner>\n *\n * @example\n * <fui-spinner mode=\"determinate\" [value]=\"progress\" size=\"lg\"></fui-spinner>\n */\n@Component({\n  selector: 'fui-spinner',\n  standalone: true,\n  imports: [],\n  templateUrl: './spinner.component.html',\n  styleUrls: ['./spinner.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-spinner',\n    '[class.fui-spinner--sm]': 'size() === \"sm\"',\n    '[class.fui-spinner--md]': 'size() === \"md\"',\n    '[class.fui-spinner--lg]': 'size() === \"lg\"',\n    '[class.fui-spinner--overlay]': 'overlay()',\n    '[class.fui-spinner--determinate]': 'mode() === \"determinate\"',\n    '[class.fui-spinner--indeterminate]': 'mode() === \"indeterminate\"',\n    role: 'status',\n    'aria-live': 'polite',\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" ? clampedValue() : null',\n    '[attr.aria-valuemin]': 'mode() === \"determinate\" ? 0 : null',\n    '[attr.aria-valuemax]': 'mode() === \"determinate\" ? 100 : null',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n})\nexport class FuiSpinnerComponent {\n  readonly mode = input<FuiSpinnerMode>('indeterminate');\n  readonly value = input<number, unknown>(0, { transform: numberAttribute });\n  readonly size = input<FuiSpinnerSize>('md');\n  readonly color = input<string | null>(null);\n  readonly overlay = input(false);\n  readonly ariaLabel = input('Loading', { alias: 'aria-label' });\n\n  private readonly RADIUS = 20;\n  readonly circumference = 2 * Math.PI * this.RADIUS;\n\n  readonly clampedValue = computed(() => Math.max(0, Math.min(100, this.value() || 0)));\n  readonly strokeDashoffset = computed(() => {\n    return this.circumference - (this.clampedValue() / 100) * this.circumference;\n  });\n}\n","@if (overlay()) {\n  <div class=\"fui-spinner__overlay\">\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n      @if (mode() === 'determinate') {\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n      }\n      <circle\n        class=\"fui-spinner__circle\"\n        cx=\"24\"\n        cy=\"24\"\n        r=\"20\"\n        fill=\"none\"\n        stroke-width=\"4\"\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n        stroke-linecap=\"round\"\n      />\n    </svg>\n  </div>\n} @else {\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\n    @if (mode() === 'determinate') {\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\n    }\n    <circle\n      class=\"fui-spinner__circle\"\n      cx=\"24\"\n      cy=\"24\"\n      r=\"20\"\n      fill=\"none\"\n      stroke-width=\"4\"\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;MAyBU,mBAAmB,CAAA;AACrB,IAAA,IAAI,GAAG,KAAK,CAAiB,eAAe,2EAAC;IAC7C,KAAK,GAAG,KAAK,CAAkB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACjE,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,2EAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;IACtB,SAAS,GAAG,KAAK,CAAC,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAE7C,MAAM,GAAG,EAAE;IACnB,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;IAEzC,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC5E,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,GAAG,IAAI,IAAI,CAAC,aAAa;AAC9E,IAAA,CAAC,uFAAC;uGAdS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,y8CC9ChC,+0CAqCA,EAAA,MAAA,EAAA,CAAA,ggGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDSa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAxB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,8BAA8B,EAAE,WAAW;AAC3C,wBAAA,kCAAkC,EAAE,0BAA0B;AAC9D,wBAAA,oCAAoC,EAAE,4BAA4B;AAClE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,sBAAsB,EAAE,kDAAkD;AAC1E,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,sBAAsB,EAAE,uCAAuC;AAC/D,wBAAA,mBAAmB,EAAE,aAAa;AACnC,qBAAA,EAAA,QAAA,EAAA,+0CAAA,EAAA,MAAA,EAAA,CAAA,ggGAAA,CAAA,EAAA;;;AE5CH;;AAEG;;;;"}
+{"version":3,"file":"raintonic-formaui-components-spinner.mjs","sources":["../../../lib/components/spinner/spinner.component.ts","../../../lib/components/spinner/spinner.component.html","../../../lib/components/spinner/raintonic-formaui-components-spinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input, numberAttribute } from '@angular/core';\r\nimport { FuiSpinnerMode, FuiSpinnerSize } from './spinner.types';\r\n\r\n/**\r\n * @component FuiSpinnerComponent\r\n * @selector fui-spinner\r\n * @description A circular loading spinner with determinate and indeterminate modes.\r\n * Supports an overlay mode that covers its parent container.\r\n *\r\n * @input mode - Spinner mode: 'determinate' | 'indeterminate'. Default 'indeterminate'.\r\n * @input value - Progress value (0-100) for determinate mode. Default 0.\r\n * @input size - Spinner size: 'sm' | 'md' | 'lg'. Default 'md'.\r\n * @input color - Optional custom CSS color for the spinner stroke.\r\n * @input overlay - Whether to render as a full-area overlay. Default false.\r\n * @input ariaLabel - Accessible label. Default 'Loading'.\r\n *\r\n * @example\r\n * <fui-spinner></fui-spinner>\r\n *\r\n * @example\r\n * <fui-spinner mode=\"determinate\" [value]=\"progress\" size=\"lg\"></fui-spinner>\r\n */\r\n@Component({\r\n  selector: 'fui-spinner',\r\n  standalone: true,\r\n  imports: [],\r\n  templateUrl: './spinner.component.html',\r\n  styleUrls: ['./spinner.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: {\r\n    class: 'fui-spinner',\r\n    '[class.fui-spinner--sm]': 'size() === \"sm\"',\r\n    '[class.fui-spinner--md]': 'size() === \"md\"',\r\n    '[class.fui-spinner--lg]': 'size() === \"lg\"',\r\n    '[class.fui-spinner--overlay]': 'overlay()',\r\n    '[class.fui-spinner--determinate]': 'mode() === \"determinate\"',\r\n    '[class.fui-spinner--indeterminate]': 'mode() === \"indeterminate\"',\r\n    role: 'status',\r\n    'aria-live': 'polite',\r\n    '[attr.aria-valuenow]': 'mode() === \"determinate\" ? clampedValue() : null',\r\n    '[attr.aria-valuemin]': 'mode() === \"determinate\" ? 0 : null',\r\n    '[attr.aria-valuemax]': 'mode() === \"determinate\" ? 100 : null',\r\n    '[attr.aria-label]': 'ariaLabel()',\r\n  },\r\n})\r\nexport class FuiSpinnerComponent {\r\n  readonly mode = input<FuiSpinnerMode>('indeterminate');\r\n  readonly value = input<number, unknown>(0, { transform: numberAttribute });\r\n  readonly size = input<FuiSpinnerSize>('md');\r\n  readonly color = input<string | null>(null);\r\n  readonly overlay = input(false);\r\n  readonly ariaLabel = input('Loading', { alias: 'aria-label' });\r\n\r\n  private readonly RADIUS = 20;\r\n  readonly circumference = 2 * Math.PI * this.RADIUS;\r\n\r\n  readonly clampedValue = computed(() => Math.max(0, Math.min(100, this.value() || 0)));\r\n  readonly strokeDashoffset = computed(() => {\r\n    return this.circumference - (this.clampedValue() / 100) * this.circumference;\r\n  });\r\n}\r\n","@if (overlay()) {\r\n  <div class=\"fui-spinner__overlay\">\r\n    <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n      @if (mode() === 'determinate') {\r\n        <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n      }\r\n      <circle\r\n        class=\"fui-spinner__circle\"\r\n        cx=\"24\"\r\n        cy=\"24\"\r\n        r=\"20\"\r\n        fill=\"none\"\r\n        stroke-width=\"4\"\r\n        [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n        [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n        stroke-linecap=\"round\"\r\n      />\r\n    </svg>\r\n  </div>\r\n} @else {\r\n  <svg class=\"fui-spinner__svg\" viewBox=\"0 0 48 48\" [style.--fui-spinner-color]=\"color()\">\r\n    @if (mode() === 'determinate') {\r\n      <circle class=\"fui-spinner__track\" cx=\"24\" cy=\"24\" r=\"20\" fill=\"none\" stroke-width=\"4\" />\r\n    }\r\n    <circle\r\n      class=\"fui-spinner__circle\"\r\n      cx=\"24\"\r\n      cy=\"24\"\r\n      r=\"20\"\r\n      fill=\"none\"\r\n      stroke-width=\"4\"\r\n      [attr.stroke-dasharray]=\"mode() === 'determinate' ? circumference : null\"\r\n      [attr.stroke-dashoffset]=\"mode() === 'determinate' ? strokeDashoffset() : null\"\r\n      stroke-linecap=\"round\"\r\n    />\r\n  </svg>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;MAyBU,mBAAmB,CAAA;AACrB,IAAA,IAAI,GAAG,KAAK,CAAiB,eAAe,2EAAC;IAC7C,KAAK,GAAG,KAAK,CAAkB,CAAC,6EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;AACjE,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,2EAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,4EAAC;AAClC,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;IACtB,SAAS,GAAG,KAAK,CAAC,SAAS,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;IAE7C,MAAM,GAAG,EAAE;IACnB,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;IAEzC,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC5E,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,OAAO,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,GAAG,IAAI,IAAI,CAAC,aAAa;AAC9E,IAAA,CAAC,uFAAC;uGAdS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,y8CC9ChC,y5CAqCA,EAAA,MAAA,EAAA,CAAA,ggGAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDSa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAxB/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,eAAA,EAGM,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,yBAAyB,EAAE,iBAAiB;AAC5C,wBAAA,8BAA8B,EAAE,WAAW;AAC3C,wBAAA,kCAAkC,EAAE,0BAA0B;AAC9D,wBAAA,oCAAoC,EAAE,4BAA4B;AAClE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,sBAAsB,EAAE,kDAAkD;AAC1E,wBAAA,sBAAsB,EAAE,qCAAqC;AAC7D,wBAAA,sBAAsB,EAAE,uCAAuC;AAC/D,wBAAA,mBAAmB,EAAE,aAAa;AACnC,qBAAA,EAAA,QAAA,EAAA,y5CAAA,EAAA,MAAA,EAAA,CAAA,ggGAAA,CAAA,EAAA;;;AE5CH;;AAEG;;;;"}